尝试使用 Debugger For Chrome 插件在 VSCode 中使用“附加到 Chrome”选项进行调试时出错答案

【问题标题】：Error trying to debug in VSCode with "Attach to Chrome" option using Debugger For Chrome plugin尝试使用 Debugger For Chrome 插件在 VSCode 中使用“附加到 Chrome”选项进行调试时出错
【发布时间】：2018-02-04 12:17:41
【问题描述】：

Visual Studio 代码。
Typescript 文件被编译成带有源映射的 JavaScript 文件。生成的launch.json：

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

Chrome 使用参数启动：--remote-debugging-port=9222

但我还是得到了

无法连接到目标：连接 ECONNREFUSED 127.0.0.1:9222

尝试使用“附加到 Chrome”选项进行调试时出现 VSCode 错误。

【问题讨论】：

自述文件包含有关此错误的完整部分：github.com/Microsoft/…。但是，我强烈建议使用“启动”配置 - 它更容易！
当您构建应用程序以使用 Google API 时，这并不容易，它会打开一个新的 Chrome 窗口，并在您每次运行时询问 Google 帐户身份验证和授权（电子邮件和密码）。在新标签页中打开它时不会发生这种情况。
嗯，我认为它会在您登录一次后持续存在。也许不是。
这是一个很棒的教程kynatro.com/blog/2018/01/11/chrome-debugging-in-vscode 确保没有其他 chrome 实例或正在工作，并且您在 url 字段中声明的确切 url 上（并且它在浏览器中打开）跨度>

标签： google-chrome debugging typescript visual-studio-code

【解决方案1】：

使用带有 * 作为通配符的 'urlFIlter' 将解决您的问题。

查看我的回答here了解更多详情。

【讨论】：