microsoft/vscode-edge-debug2

Microsoft Edge Chromium will not attach to server running React app

SammyPayne opened this issue · 0 comments

  • VS Code Version: 1.51.0
  • Log file (set "trace": true in launch config): Checked 'C:\Users\cpayne\AppData\Local\Temp', but no log file was present (was looking for the file 'vscode-edge-debug2.txt'

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.