javascript - 无法使用 Visual Studio Code 和 Chrome 调试器扩展来调试 AngularJS 应用程序

Question

我正在将 Chrome 调试器 插件与 Visual Studio Code 结合使用。

1) 当我尝试在 Visual Studio Code 中启动调试器时，收到此错误 - 无法加载资源:net::ERR_CONNECTION_REFUSED。

2) 当我尝试附加调试器时，收到此错误 - 无法加载资源:服务器响应状态为 404(未找到)。

我的最终目标是能够调试纯 AngularJS Web 应用程序。

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Chrome against localhost, with sourcemaps",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:8080",
            "runtimeArgs": [
            "--new-window", //Open in new window
            "--remote-debugging-port=9222" //Open in port 9222 (standard chrome debug port)
        ],
            "webRoot": "${workspaceRoot}/app/"
        },
        {
            "name": "Attach to Chrome, with sourcemaps",
            "type": "chrome",
            "request": "attach",
            "port": 9222,
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}"
        }
    ]
}

注意:在启动调试器之前，我已确保没有正在运行的 Chrome 实例。我运行的是 Windows 10。

Answer 1

我遇到了同样的问题:启动 VS Code 调试器并收到 ERR_CONNECTION_REFUSED。

然后我意识到 VS Code 调试器没有启动服务器。

一个简单的

$ npm start

在启动调试器之前在命令行中，这解决了我的误解:-$