Is it possible to debug SPFx projects in Devspaces (Web based IDE) using only a browser?

[Srijan-Delta]

What type of issue is this?

other

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Target SharePoint environment

SharePoint Online

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

• SPFx version: 1.20
• Node.js version: 18.17.1

Issue description

See issue #6165 which has been closed in error as the proposed solution only works from a desktop copy of VS Code and not a browser based copy

Is it possible to debug an SPFx project in Devspace ( Web based IDE i.e. VS CODE)

OpenShift Dev Spaces is a container-based service for creating consistent and secured developer environments. It provides us the Web based IDE i.e. Visual Studio Code. It function similar to codespaces.

I have tried creating a new v1.20 web part project in my devspace, which all works fine, I can gulp serve successfully, I've set up Port Forwarding for 4321 and 35729, but the workbench fail to load the webpart.

[Ashlesha-MSFT]

Hello @Srijan-Delta,
Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.

[Ashlesha-MSFT]

@Srijan-Delta,
Please find below document which explains SPFx project debugging in vscode
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/debug-in-vscode

[Ashlesha-MSFT]

@Srijan-Delta,
I wanted to follow up regarding the response I provided earlier. Could you please confirm if you are satisfied with the document provided above?

[Ashlesha-MSFT]

We are closing this issue for now. If the problem persists, feel free to reopen it or open a new one.