已设置断点但尚未绑定答案

【问题标题】：Breakpoint set but not yet bound已设置断点但尚未绑定
【发布时间】：2019-10-10 11:31:27
【问题描述】：

我想使用 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 中运行。任何帮助将不胜感激。

【问题讨论】：

标签： angular debugging vscode-debugger

【解决方案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/*"
    }
}

【讨论】：

感谢您的工作 sn-p！如果可能的话，希望得到一些解释。再次感谢:)

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

这可能与@angular-devkit/build-angular 中的错误有关。引入了修复here。尝试安装最新版本

Reference

【讨论】：