Question

我尝试了其他帖子的一些建议，但无济于事。

我有一个9个月大的项目，该项目不再通过F5的vs代码调试在浏览器中显示。

我使用index.html文件设置了一个全新的简单项目，以尝试获取Visual Studio代码以在Chrome浏览器窗口中启动它。

我不断在Chrome中看到一个错误页面，内容为：

无法访问此网站本地主机拒绝连接。您是说http://localhost8000.com/吗？在Google中搜索localhost 8000 ERR_CONNECTION_REFUSED

launch.json：

    {
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8000",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

index.html：

hello world!!!!!

任何帮助将不胜感激！

Answer 1

如果没有Web服务器，则只需将选项“ webroot”更改为“文件”，然后删除“ url”选项，如下所示：

{
"version": "0.2.0",
"configurations": [

    {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",            
        "file": "${workspaceRoot}/index.html"
    }
]
}

Answer 2

如果其他人遇到此问题，我可以通过以下方式解决它：

1）在此处安装ritwickdey / vscode-live-server： vscode-live-server link

2）重新启动vscode

3）单击屏幕底部的“上线”按钮

4）从出现的Chrome窗口中获取服务器地址（例如：http://localhost:5500/）

5）更改.vscode / launch.json文件以包含该服务器地址：

{
    "version": "0.2.0",
    "configurations": [

        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:5500",
            "webRoot": "${workspaceRoot}"
        }
    ]
}

6）使用以下json创建（或编辑）settings.json文件：

{
    "liveServer.settings.port": 5500,
    "liveServer.settings.CustomBrowser" : "chrome",
    "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debugging-port=9222",
    "liveServer.settings.NoBrowser" : false,
    "liveServer.settings.ignoreFiles" : [
            ".vscode/**",
            "**/*.scss",
            "**/*.sass"
    ]

}

7）切换到左侧的vscode的调试窗格，然后按“针对本地主机启动Chrome”旁边的绿色箭头

希望这可以帮助其他人！

Answer 3

对于某人想要像我一样调试react-app。在配置上面的问题之后。请注意：Ensure that your development server is running ("npm start").。然后按F5进行调试。

它适合我的情况。

Answer 4

我在Windows上使用laragon在本地托管我的网站。对于我自己，我只需要将URL更改为laragon url，就可以正常工作

Answer 5

对于其他使用VS代码调试Vue的人来说，它可能像这样简单：

在开始调试之前，必须先运行项目。与用户的想法相反，单击“播放”按钮不会启动您的项目。它只是启动调试器。对我来说，解决方案（使用毛线）在启动调试器之前运行“纱线服务”。也许这很明显！

Answer 6

我使用的是chrome开发人员版，这是对我有用的配置：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "${workspaceFolder}/index.html",
            "runtimeExecutable": "YOUR PATH TO THE EXE"
        }
    ]
}

我使用了@tuchunxiao的建议，但将file用作url。

请注意，这适用于实验性JS，但对于反应，语言或生产环境而言，这可能不适合您。

Answer 7

我用Live Server打开了.htm文件，它运行正常。

右键单击文件（在我的情况下为 index.htm ）
选择现场直播服务器

Answer 8

对我来说，问题在于调试器配置已重置为可通过Chrome启动。我将其切换为.NET Core Launch，然后开始工作。

Answer 9

对我来说，我使用了下面的代码，为 javascript 安装了一个 chrome 扩展，结果很好

{
"version": "0.2.0",
"configurations": [

    {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",            
        "file": "${workspaceRoot}/index.html"
    }
]
}

带有Chrome的Visual Studio Code调试器拒绝连接到本地主机

9 个答案: