New breakpoints are mapped to incorrect lines / sourcemap after webpack HMR in existing attached debugger.

[shahmirn]

I have an express server written in Typescript, using Webpack with hot module replacement, and sourcemaps in order to debug.

When I first attach the debugger to the running server, the breakpoints are mapped to the correct lines. However, after a few changes and HMR updating the files, any new breakpoints are mapped to the wrong line, until I disconnect the debugger, and then re-attach it to the process, at which point, new breakpoints are mapped to the correct line again.

Untitled.mp4

Does this issue occur when all extensions are disabled?: Yes

• VS Code Version: 1.69.1
• OS Version: OSX 12 and 13

Steps to Reproduce:

See video above, which shows the issue

[connor4312]

Failing that, this can most easily be tested by using create-react-app, adding some extra logic to the root component, and verifying that you can still set breakpoints at sensible places after repeatedly modifying and moving things around in the file.

[rzhao271]

I moved the logs around and saved the file, but I was unable to add a breakpoint to line 8 because it is where the end of a for loop (}) used to be.

[connor4312]

Generally this is an issue with sourcemaps or some other code transformation. It does not sound like you're facing the same issue as this user.

[connor4312]

I'm not able to repro this issue, seems thing to work quite well from a UX and code perspective.

Note that you need to save the files for HMR to kick in, and there might be a slight delay before it does. If any issues are encountered, please add trace: true to the launch.json and share the log. Closing for re-verification.

[rzhao271]

Didn't get to it. Might try again later