VSCode attach到Chrome调试时遇到的问题及解决方案？

Question

关于vscode以attach方式调试代码的问题

项目的调试代码文件如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Attach to Chrome",
      "port": 9222,
      "request": "attach",
      "type": "chrome",
      "urlFilter": "localhost:10086/*",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

会报以下错误

如图所示浏览器的配置我是有加上的

以launch方式是没问题的
因为debugger for chrome 插件目前已废弃，之前用的是内置的JavaScript Debugger，报的也是一样的错误，看到博文推荐以下插件，在禁用了内置JavaScript Debugger后启用，

再次调试依旧显示一样的错误
在任务管理器中停掉所有chrome窗口后修改快捷方式参数也无效
请问是哪里出现了问题？