我已经通过具有自动创建的设置的Chrome调试器扩展程序成功在Chrome中调试了我的角度应用程序。但是,[某事]发生了,在我的Windows 7重启后,我得到了无效的断点。我想它受到Windows PATH环境变量更改的影响。我为什么这么想?我收到类似“ PATH的值不正确,您要修复它?”的消息。 Windows启动时。不幸的是,我无法重现旧的PATH值。可能是巧合,但是在这种情况下,调试将无法进行。
无论在哪里设置断点:既不在函数或代码块的开头,也不在代码块的中间,也不在变量声明中,也不在变量操作中。没有角组件:根组件和其他组件都不会激活断点。
我使用的是Google Chrome最新版本。 有趣的是,我安装了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中也不起作用:
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也无济于事。我猜这是软件包版本中的问题。
答案 0 :(得分:12)
对我来说是另一个问题。 添加 launch.json 后,您会看到 webRoot 变量,该变量的默认值为 $ {workspaceFolder} 。 让我们检查一下这source
中的含义$ {workspaceFolder}-在VS Code中打开的文件夹的路径
在我的情况下,角度项目位于另一个项目的文件夹中,当我尝试调试时,得到了断点已设置但尚未绑定的消息。
如果您将在VSCode资源管理器中以根文件夹打开角度项目,则断点将起作用。
或者,如果您不想在VS Code资源管理器中打开单独的文件夹,则可以在 launch.json 路径中指定角度文件夹,例如: $ {workspaceFolder} / folder / folder /...
更改后,您的调试应该可以正常工作。
答案 1 :(得分:0)
我通过更新一些软件解决了这个问题:
答案 2 :(得分:0)
在验证了launch.json
的内容(如@llotall以及其他几个地方所述)之后,我停止并重新启动了VSCode(Chrome已经关闭)。
这为我解决了这个问题。