google-chrome - 尝试使用 Debugger For Chrome 插件在 VSCode 中使用 "Attach to Chrome"选项进行调试时出错

Question

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 使用参数启动:--remote-debugging-port=9222

但是我还是得到了

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

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

Answer 1

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

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