首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在visual studio中的谷歌铬调试器“无法到达本地主机拒绝连接”

在visual studio中的谷歌铬调试器“无法到达本地主机拒绝连接”
EN

Stack Overflow用户
提问于 2016-08-03 08:55:27
回答 6查看 35.9K关注 0票数 13

目前,我正试图在visual studio中打开一个html文件,并在visual studio中运行google Chromes调试扩展。

下面是.json文件,我正在使用第一个配置

代码语言:javascript
复制
 {
"version": "0.2.0",
"configurations": [
    {
        "name": "Launch Chrome against localhost, with sourcemaps",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost:8080",
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    },
    {
        "name": "Attach to Chrome, with sourcemaps",
        "type": "chrome",
        "request": "attach",
        "port": 9222,
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    }
]

但是当它在google中打开时,我会收到错误。

到不了这个网站 本地主机拒绝连接。

EN

回答 6

Stack Overflow用户

发布于 2017-09-06 19:25:21

我也有过同样的问题。

有一个临时解决方案,即将"file": "${workspaceRoot}/index.html"添加到launch.json配置中。

此更改将允许您在Chrome浏览器中打开您的webapp,并且您将能够进行调试、中断points...however,,同时考虑到浏览器将呈现您的项目,就像它在运行本地文件一样,而则不使用webserver环境。

下面是launch.json配置文件:

代码语言:javascript
复制
{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceRoot}",
            "file": "${workspaceRoot}/index.html"
        }
    ]
}
票数 15
EN

Stack Overflow用户

发布于 2017-09-22 08:55:00

在花了一些时间进行VScode调试之后,我意识到以下事实:

  • VScode可以本地调试任何.js文件。
  • VScode可以在“Chrome调试器”等扩展名的帮助下调试.html & .js文件(您需要应用@Machavity来在不使用活动服务器的情况下呈现它。
  • 如果您希望呈现您的.html & .js文件,因为它是一个webserver (类似于Apache提供的服务),您将需要一些节点扩展名,比如“live”。

如何用“Chrome调试器”和“活动服务器”扩展进行调试:

  • 更改launch.json文件中"Chrome调试器“的配置选项,并使参数"url”与"live-server“将用于呈现的主机相匹配:例如,localhost
  • 打开您的index.html文件并打开终端,运行“实时服务器”。您可以从命令行自定义活动服务器的端口、主机和其他设置。
  • 启动调试器并在必要时应用断点。

更多信息:- Chrome调试器 - 节点活动服务器

票数 6
EN

Stack Overflow用户

发布于 2019-06-17 14:09:44

找到了另一种选择:

  1. 在终端上运行ng serve
  2. 按vscode中的F5启动铬调试器
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38738905

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档