microsoft / vscode-edge-debug2

This is a VS Code extension which helps you debug your JavaScript Code inside the Edge browser.
Other
37 stars 31 forks source link

Microsoft Edge Chromium will not attach to server running React app #199

Open SammyPayne opened 3 years ago

SammyPayne commented 3 years ago

Steps to reproduce:

  1. Disabled all installed debuggers in VS Code
  2. Enabled Debugger for Microsoft Edge, v1.0.15
  3. Closed and reloaded VS Code as administrator.
  4. Installed latest of 'react-app-polyfill', and ran 'npm run build' on my React app to ensure everything compiles.
  5. Deleted launch.json file
  6. Tried configuring Edge debugger by following the instructions here: https://docs.microsoft.com/en-us/microsoft-edge/visual-studio-code/debugger-for-edge
  7. I added the launch configuration, ran the 'start msedge' command, attached Edge to VS Code, then ran 'yarn start'.

Expected Behavior: Running 'yarn start' serves the React app and opens a tab/window in Microsoft Edge. Once the app is running, I can attach my debugger to the running application and debug.

Actual Behavior: VS Code serves the app, but launces a tab in Chrome. There is nothing in my launch.json file regarding launching or attaching a process to anything except MS Edge. If I try to navigate to the port where Edge is supposed to be listening (http://localhost:8080), I just get a 'ERR_CONNECTION_REFUSED' error message.