Chrome中的VS Code调试 - 无法访问此站点错误

Question

我知道之前已经问过这个问题，但在阅读了很多帖子之后，我仍然没有找到答案......

我正在尝试使用Chrome调试一个非常简单的html应用程序，但是当我到达我的localhost时，我收到一条错误，上面写着＆＃34;无法访问此网站＆＃34;。我的launch.json代码如下所示：

"version": "0.2.0",
"configurations": [
    {
        "name": "Launch Chrome against localhost, with sourcemaps",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost:3000",
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    },
    {
        "name": "Attach to Chrome, with sourcemaps",
        "type": "chrome",
        "request": "attach",
        "port": 9222,
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    }

]
}

任何帮助都会受到赞赏，因为我现在已经在这方面苦苦挣扎了一段时间。

Answer 1

正如@ Rob-Lourens所说，您需要启动自己的本地服务器来托管您的HTML / Javascript / CSS和图像。

您可以使用visual studio插件Live Server为您创建本地开发服务器。请确保配置文件中的URL（"url": "http://localhost:3000"）与Live Server的URL匹配。

您还可以阅读IIS和IISExpress