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