无法在vscode中运行网页

Question

我是vscode的新手。

我的问题可能看起来很愚蠢。

我有3个文件：index.html，index.js和index.css。

我安装了chrome调试扩展程序，无法弄清楚如何运行我的代码

如果我想运行/调试，我会在chrome中遇到此错误

我确定launch.json文件存在问题。在这里：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

我要启动的index.html

Answer 1

由于您没有运行任何网络服务器来使其在localhost上运行，因此无法将URL设置为localhost，而只是告诉chrome从您的工作区中打开文件。

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "${workspaceFolder}/index.html", // <-- This should be the path of the index.html file relative to the workspace
            "webRoot": "${workspaceFolder}"
        }
    ]
}