带有 Angular/Typescipt 的 VS Code 中的调试控制台不显示源映射调试信息

MIP*_*MIP 5 typescript visual-studio-code angular

我有一个 Angular (10) 项目,我正在从 VS Code 调试它。我有 sourcemaps: true 无处不在,我能够调试和设置断点。

但是,在 VS Code 的调试控制台中,如果出现错误,它不会显示源图中的行号。如果我查看 Chrome 调试工具,它确实向我显示了源映射错误,例如打字稿文件和行号,在 VS Code 中我只看到 main.js 例如

铬控制台:

Chrome 控制台输出

VS代码:

VS Code 调试控制台

有没有办法让 VS Code 调试控制台为我提供更好的源映射输出?这是我在 Chrome 中调试的 launch.json 配置:

{
    "type": "chrome",
    "request": "launch",
    "name": "Launch Chrome on CLI serve",
    "url": "http://localhost:4201",
    "sourceMaps": true,
    "webRoot": "${workspaceFolder}"
}
Run Code Online (Sandbox Code Playgroud)