我正在尝试使用“附加到Chrome”配置在VS Code中调试Chrome扩展程序。但是，当我运行调试器时，它抛出错误：“无法连接到localhost：9222处的目标：无法连接到http：//localhost：9222处的调试目标：无法找到任何可调试的目标”。
screenshot of the error message
以下是我的launch.json：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Attach to Chrome",
      "port": 9222,
      "request": "attach",
      "type": "chrome",
      "webRoot": "${workspaceFolder}",
      "url": "https://github.com/",
    },
  ]
}

我的manifest.json文件包括必要的内容脚本和后台脚本：

{
    "name": "Extension",
    "description": "Some description",
    "manifest_version": 3,
    "version": "1.0",
    "devtools_page": "devtools.html",
    "content_scripts": [{
        "matches": [
          "http://*/*",
          "https://*/*"
        ],
        "run_at": "document_idle",
        "js": [
          "content_script.js"
        ]
    }],
    "background": {
        "service_worker": "background.js"
    },
    "runtimeArgs": ["--load-extension=${workspaceFolder}"]
}

我已经在launch.json配置文件中设置了正确的端口号（9222），并通过在终端中运行以下命令在Chrome中启用了远程调试：

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

对如何解决这个问题有什么建议吗？