Google chrome 尝试在VSCode中使用“调试”时出错；“附在铬上”；使用Chrome插件调试器的选项

Visual Studio代码。
Typescript文件通过sourcemaps编译为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以参数启动：--远程调试端口=9222

然而我仍然得到

无法连接到目标：connect-EConRefuse127.0.0.1:9222

尝试使用“附加到Chrome”选项进行调试时，VSCode中出错

---

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

---

有关更多详细信息，请参阅我的答案。

自述文件包含有关此错误的完整部分：。但是，我强烈建议使用“launch”配置-这要容易得多！当你构建应用程序来使用谷歌API时并不容易，它会打开一个新的Chrome窗口，每次你运行它时都会要求谷歌账户认证和授权（电子邮件和密码）。当它在一个新的标签中打开它时，这种情况不会发生。嗯，我想在你登录一次之后，它会一直存在。也许不是。这是一个很好的教程，请确保没有其他chrome实例或正在工作，并且您位于url字段中所述的确切url上（并且它在浏览器中打开）