microsoft / microsoft/vscode-js-debug

Debug react through nginx reverse proxy with HTTPS and at a specific basepath in vscode

Open
#1,409 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

info-needed
Dominant language
TypeScript
Stars
2k
Forks
373
Avg merge
1d 9m
Merged PRs (30d)
6

Description

Hi,

We have several apps running in iframes inside a parent app.
The parent app runs at https://localhost.com
Embedded apps at https://localhost.com/admin-console

npx create-react-app admin-console was run inside ${workspaceFolder}/apps creating the folder ${workspaceFolder}/apps/admin-console.

I have tried so many different configurations of the launch.json and I can't get the app to break in vscode.

The app is started with npm run start and the vscode launch.json:

        {
            "name": "Admin Console",
            "request": "launch",
            "type": "chrome",
            "url": "https://localhost.com/admin-console",
            "webRoot": "${workspaceFolder}/apps/admin-console/src"
        },

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the launch.json configuration, the npm run start command, and the apps/admin-console/src webRoot for the create-react-app project. Reproduce the HTTPS reverse-proxy setup at https://localhost.com/admin-console and determine what configuration is needed for breakpoints to work in VS Code.

Written by the indexing model from the issue text.

Assessment

Tech stack
nginx, react, vscode
Domain
devtools, networking, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.