search

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

HMR: Breakpoints not hit after edit - Works with Firefox debugger #184

Open youkou2 opened 4 years ago

youkou2 commented 4 years ago

Steps to reproduce:

  1. Get repo https://github.com/youkou2/create-react-app-hmr (Code generated with create-react-app with hmr enabled)
  2. Set a breakpoint in function : App.js/onClick
  3. npm start > Start debug with Edge
  4. Click the button in the web page => Breakpoint hit
  5. Edit code in function : App.js/onClick
  6. Click the button in the web page => Breakpoint NOT hit => If I reapply the breakpoint, then it works.

Replay the same steps, but with the debug for Firefox => No issue. Step 6 works

I have tried this : https://medium.com/@auchenberg/live-edit-and-debug-your-react-apps-directly-from-vs-code-without-leaving-the-editor-3da489ed905f but, it looks that the steps described only enable the full reload, not the HMR