Unbound breakpoint in Angular project & Could not read source map

Break point set in .ts files are being shown as unbound breaking point. If I were to put a “debugger” instead of break point, it hits the compiled “.js” file instead of the “.ts” file. It was working as intended before the update.

this is my launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceFolder}",
            "sourceMaps": true,
            "sourceMapPathOverrides": {
                "/./*": "${webRoot}/*",
                "/src/*": "${webRoot}/*",
                "/*": "*",
                "/./~/*": "${webRoot}/node_modules/*"
            }
        }
    ]
}

I tried adding

"resolveSourceMapLocations": [
    "${workspaceFolder}/**",
    "!**/node_modules/**"
]

Without any success

this error is being shown on the debug console.

and this is the trace file

vscode-debugadapter-438f1773.json.gz

Thank You in advance

VS Code Version: 1.63.1 OS Version: Linux Manjaro KDE

[AbhiramTS]

an update…there is no issue when serving with “–host=127.0.0.1” but the issue is still there when I try it with “localhost”…any thoughts…

[connor4312]

In https://github.com/microsoft/vscode-js-debug/commit/bc90de2b23442d68efb6e9304e28fe1a77dcb3fd we now try both localhost and 127.0.0.1 if we see a “connection refused” type of failure which I think should resolve this.