未验证的断点（断点已设置但尚未绑定）答案

【问题标题】：Unverified breakpoint (Breakpoint is set but not yet bound)未验证的断点（断点已设置但尚未绑定）
【发布时间】：2019-07-18 17:09:58
【问题描述】：

我已经通过具有自动创建设置的 Chrome Debugger 扩展在 Chrome 中成功调试了我的 Angular 应用程序。但是 [something] 发生了，在我的一次 Windows 7 重新启动后，我得到了非活动断点。我想它受到 Windows PATH 环境变量更改的影响。为什么我会这样想？我收到一条消息，例如“PATH 的值不正确，您要修复它吗？”当 Windows 启动时。不幸的是，我无法重现我的旧 PATH 值。这可能是巧合，但在这种情况下调试不起作用。

无论在哪里设置断点：既不在函数或代码块的开头，也不在块的中间，也不在变量声明中，也不在变量操作中。任何角度组件都没有激活断点：根组件和其他组件都没有。

我使用谷歌浏览器最新版本。有趣的是，我安装了 Debugger for Electron 扩展，同样启动成功，但是断点仍然没有激活。

其他信息：

launch.json:

    {
    "version": "0.2.0",
    "configurations": [       
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceFolder}",
            "trace": true,
            "sourceMaps": true,
        },
        {
            "type": "electron",
            "request": "launch",
            "name": "Launch Electron",
            "sourceMaps": true,
            "appDir": "H:/opened-in-VSCode-folder",
        },
    ]
}

项目文件夹结构：

在 launch.json 中也不起作用：

将“webRoot”更改为“${workspaceFolder}/src”、“${workspaceFolder}\\src”、“${workspaceFolder}/dist”和许多其他变体。
禁用或启用“跟踪”：true
禁用或启用“sourceMaps”：true

Chrome、Windows、VSCode 的额外重启，重新安装 Angular 和 Electron 不会导致成功。杀毒软件停止。 Windows“上次成功登录”没有帮助。

感谢您提供任何信息。

UPD 1： vscode-chrome-debug.txt 日志文件中唯一的“错误”一词：

... 
  {"id":5,"result":{}} [09:54:38.267 UTC] ← From target:
  {"error":{"code":-32601,"message":"'Runtime.run' wasn't found"},"id":6}
  [09:54:38.267 UTC] ← From target:
  ...

UPD 2： 重新安装 Windows 也没有帮助。我猜是包版本的问题。

【问题讨论】：

我曾尝试使用电子调试器但得到同样的错误
@MayankVadiya 您使用的是什么版本的软件？请参阅下面的答案
版本：1.38.1，Chrome：69.0.3497.128，节点：10.11.0，V8：6.9.427.31
@MayankVadiya 好的，这真的很奇怪。你的 vscode-chrome-debug.txt 日志文件说什么？

标签： angular google-chrome debugging visual-studio-code electron

【解决方案1】：

对我来说是另一个问题。添加 launch.json 后，您可以看到默认值为 ${workspaceFolder} 的 webRoot 变量。让我们看看这个source是什么意思

${workspaceFolder} - VS Code 中打开的文件夹路径

在我的情况下，角度项目位于另一个项目的文件夹内，当我尝试调试时，我得到 断点已设置但尚未绑定消息。

如果您将在 VSCode 资源管理器中作为根文件夹打开 Angular 项目，您的断点将起作用。

或者如果您不想在 VS Code 资源管理器中打开单独的文件夹，您可以在 launch.json 中指定 angular 文件夹的路径，例如：${workspaceFolder} /文件夹/文件夹/...

在此更改后，您的调试应该可以工作了。

【讨论】：

哇，你为我节省了一点时间，而且我们在遇到这个问题时相距仅一周。很高兴你受到了打击，@llotall - 感谢您发布您的解决方案！
我已经尝试解决这个问题好几天了。非常感谢您指出这一点。一个 vs 代码工作区中的多个项目总是询问我注意到的问题。谢谢大佬，不胜感激:)

【解决方案2】：

我通过更新一些软件解决了这个问题：

VS 代码：1.37.1
铬：69.0.3497.128
Node.js：10.11.0
V8：6.9.427.31

【讨论】：

【解决方案3】：

在验证了我的launch.json 内容后（正如@llotall 和其他几个地方所提到的），我停止并重新启动了 VSCode（Chrome 已经关闭）。

这解决了我的问题。

【讨论】：