Breakpoints not binding on typescript project on one machine

[disambiguationuk]

Hello, I'm having a bit of an issue with a project where none of my breakpoints want to bind to my react typescript application. I've got the exact same setup on a different machine and it works fine there. I've rebooted, reinstalled vs code etc. and no dice.

Running:
VS Code: Version 1.83.0
OS: Linux x64 6.2.0-34-generic (Ubuntu)
Chromium: 114.0.5735.289

My launch.json looks like:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:8000/login",
      "trace": true,
      "webRoot": "${workspaceFolder}/browser"
    }
  ]
}

And I've got a debug trace file:
vscode-debugadapter-8ffee509.json.gz

[kbeeveer46]

I have this same issue in a React +TypeScript project. Tried restarting my computer and VS Code but nothing works. I can't get any of my breakpoints to work. I think the only difference from the other day when it worked fine was installing 1.83.0. My next step is to uninstall 1.83 and install the previous version and see if that works.

I'm using the SharePoint Framework (SPFx) with React and TypeScript and this is my launch file

 {
            "name": "Chrome Hosted workbench",
            "type": "chrome",
            "request": "launch",
            "url": "https://xxxxxxxx.sharepoint.com/sites/ClientPortalQA/_layouts/15/workbench.aspx?debug=true&noredir=true&debugManifestsFile=https://localhost:4321/temp/manifests.js",
            "webRoot": "${workspaceRoot}",
            "sourceMaps": true,
            "sourceMapPathOverrides": {
                "webpack:///.././src/*": "${webRoot}/src/*",
                "webpack:///../../../src/*": "${webRoot}/src/*",
                "webpack:///../../../../src/*": "${webRoot}/src/*",
                "webpack:///../../../../../src/*": "${webRoot}/src/*"
            },
            "runtimeArgs": [
                "--remote-debugging-port=9222"
            ],
            "skipFiles": [
                "<node_internals>/**",
                "${webRoot}/node_modules/**/*.js"
            ],
            "resolveSourceMapLocations": [
                "${workspaceFolder}/**",
                "!**/node_modules/**"
            ]
        }

[kbeeveer46]

Uninstalling 1.83 and installing 1.82.3 fixed my breakpoints issue.

Download link for 1.82.3: https://code.visualstudio.com/updates/v1_82

[disambiguationuk]

Hmm weird, I think my laptop is on the latest and it's working but I don't have it in front of my right now. I'll give it a go.

[disambiguationuk]

Ah it works! Well that was a waste of productivity this week!

[connor4312]

It looks like this is a regression with the webpack eval-* devtool settings. I will put in a fix for the next nightly build of the debugger.

Btw, I recommend setting your devtool to just source-map if reasonable, or at least avoiding eval-* source maps. Due to the way they're structured, they can be slower to load for the debugger than other maps.

[connor4312]

I'll also put this forward as a candidate for our 1.83.1 recovery release

[disambiguationuk]

Just noting this still appears to be broken in 1.83.1 for me.

[connor4312]

Please collect a new trace log for me to investigate. Thanks!

[kbeeveer46]

I was one of the people having breakpoint issues in 1.83. I just tested 1.83.1 and my breakpoints work now.