断点设置但尚未绑定

Question

我想使用 vscode 扩展程序（Chrome 调试器），但是无论我尝试什么，我都无法摆脱“断点设置但尚未绑定”。

一切都在运行，调试器控制台显示所有控制台日志消息，但我可以达到调试点。

这是我的launch.json

{
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost",
      "webRoot": "${workspaceFolder}/client/",
      "sourceMaps": true,
      "sourceMapPathOverrides": {
        "webpack:/*": "${webRoot}/*"
      }
    }

我正在使用 Angular 并且它在 Docker 中运行。任何帮助将不胜感激。

Answer 1

你launch.json应该如下

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

Answer 2

确保您的 webRoot 设置指向 Angular 项目的正确目录。您可能${workspaceFolder}指的是顶级目录。

例如：您的源代码位于C:\projects\awesome_tool\client但是，您${workspaceFolder}指向C:\projects. 要解决此问题，您需要将webRootlaunch.json 文件中的值修改为 webRoot": "${workspaceFolder}/awesome_tool/client

Answer 3

它可能与 @angular-devkit/build-angular 中的错误有关。此处介绍了修复方法。尝试安装最新版本

参考