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设置指向您的角度项目的正确目录。您的${workspaceFolder}可能是指顶级目录。

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

Answer 3

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

Reference

设置断点但尚未绑定

3 个答案: