angular - 已设置断点但尚未绑定(bind)

Question

我想使用 vscode 扩展(Chrome 的调试器)，但无论我尝试什么，我都无法摆脱“断点设置但尚未绑定(bind)”。

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

这是我的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/*"
    }
}