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.