未验证断点(断点已设置但尚未绑定)

Zhu*_* A. 9 debugging google-chrome electron visual-studio-code angular

我已经通过 Chrome Debugger 扩展程序在 Chrome 中成功调试了我的 angular 应用程序,并使用自动创建的设置。但是 [某些事情] 发生了,在我的 Windows 7 重新启动之一之后,我得到了非活动断点。我想它是受 Windows PATH 环境变量更改的影响。我为什么这么想?我收到类似“PATH 的值不正确,您想修复它吗?”的消息。当 Windows 启动时。不幸的是,我无法重现我的旧 PATH 值。这可能是巧合,但经过这种情况调试不起作用。

断点问题 断点问题

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

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

其他信息:

角度版本

启动.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",
        },
    ]
}
Run Code Online (Sandbox Code Playgroud)

项目文件夹结构:

项目结构

在 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:
  ...
Run Code Online (Sandbox Code Playgroud)

UPD 2: 重新安装 Windows 也无济于事。我猜是包版本的问题。

llo*_*all 14

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

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

在我的情况下,angular 项目位于另一个项目的文件夹内,当我尝试调试时,我设置了断点但尚未绑定消息。

注意:**angular** 文件夹未作为根文件夹打开

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

在此处输入图片说明

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

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


Zhu*_* A. 1

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

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