VS代码断点无法使用Chrome调试器触发：

Question

我是VS Code（使用v1.7）和JavaScript的新手。 我正在尝试使用Debugger for Chrome扩展（v2.2.2），但无法使用断点（我可以设置它们，但忽略它们时会指出未验证的断点）。

我了解我需要在端口9222上通过调试启动Chrome，这是通过以下方式实现的：

chrome.exe --remote-debugging-port=9222

完成此操作后，我建立了一个非常简单的测试来演示该问题。

我已经如下配置了launch.json（在.vscode文件夹中）

{
    "version": "0.2.0",
    "configurations": [{
            "name": "Launch index.html",
            "type": "chrome",
            "request": "launch",
            "port": 9222,
            "file": "${workspaceRoot}/index.html",
            "webRoot": "${workspaceRoot}"
        }
    ]
}

我创建了一个非常简单的index.html作为：

<!DOCTYPE html>
<html>
<script src="script.js"></script>
</html>

最后script.js是：

console.log("Started");
var x = 1; //breakpoint set here
console.log(x);
console.log("Complete");

在Code中按F5，然后在该过程中加载运行script.js的index.html。 如果未设置断点，代码将按预期完成-但这不是我想要发生的事情。

完成后，我看到图像1将红色的断点图标替换为灰色的图标，并将鼠标悬停在上面显示“未验证的断点”。

我想我已经做了一些非常简单的错误，但是我无法弄清楚。 有任何想法吗？ 谢谢。

Answer 1

似乎您的设置正确，但这是由于chrome开发工具中的错误所致- 需要刷新Chrome，然后才能在“源”标签中显示javascript文件
发生了什么？
在脚本执行后，V8会在chrome调试扩展程序启动dev工具之前收集它。 这就是为什么它无法调试的原因。
解决方案- 加载页面后重新加载页面。

VS代码断点无法使用Chrome调试器触发：

问题描述

1 个解决方案

解决方案1
2 2016-11-20 10:58:21

VS代码断点无法使用Chrome调试器触发：

问题描述

1 个解决方案

解决方案1 2 2016-11-20 10:58:21

解决方案1
2 2016-11-20 10:58:21