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.