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

Question

我知道以前有人问过这个问题，但是在阅读了很多线程之后，我仍然没有找到我的答案......

我正在尝试使用 Chrome 调试一个非常简单的 html 应用程序，但是当我到达我的本地主机时，我收到一条错误消息，提示“无法访问此站点”。我的 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 和图像。

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

如果您使用的是 Windows 并且想要使用 IIS 或 IIS Express，您可以阅读IIS和IISExpress