html - VSCode の Chrome Debugger を使用した WSL 2 での ECONNREFUSED エラー

Question

私はWindows 10マシン、WSL 2（Ubuntu 18.04）を備えたVSコードでChromeデバッガー拡張機能を使用しようとしていますが、役に立ちません。以下は私のものlaunch.jsonです：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch index.html",
            "type": "chrome",
            "request": "launch",
            "file": "${workspaceFolder}/index.html",
            "runtimeExecutable": "/mnt/c/Program Files (x86)/Google/Chrome/Application/chrome.exe",
            "runtimeArgs": [" --remote-debugging-port=9222"],
            "userDataDir": "${workspaceFolder}/chrome",
            "port": 9222
        },
    ]
}

F5 キーを押すたびにページが新しい Chrome タブに読み込まれることを期待していましindex.htmlたが、新しい空白の Chrome ウィンドウが開始され、約 15 秒間隔で 2 つのエラーが表示されます。

という最初のエラーについてはあまり心配していませんGoogle Chrome cannot read and write to its data directory: <VALID-DIRECTORY-ON-MY-MACHINE>。私がこの 1 日半の間対処しようとしてきたのは、2 番目のエラーです。

Cannot connect to runtime process, timeout after 10000 ms - (reason: Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:9222)

Stack、GitHub、VS Code 開発サイトなどで多くのソリューションを試しましたが、何も役に立ちません。私のChromeブラウザでhttp://localhost:9222/jsonは、ブラウザが接続に利用できるはずであることを意味すると私が理解したいくつかのコンテンツをスローします:

[ {
   "description": "",
   "devtoolsFrontendUrl": "/devtools/inspector.html?ws=localhost:9222/devtools/page/E7E1DFE661F744BE79A572564251BC39",
   "id": "E7E1DFE661F744BE79A572564251BC39",
   "title": "New Tab",
   "type": "page",
   "url": "http://localhost:9222/json",
   "webSocketDebuggerUrl": "ws://localhost:9222/devtools/page/E7E1DFE661F744BE79A572564251BC39"
}, {
   "description": "",
   "devtoolsFrontendUrl": "/devtools/inspector.html?ws=localhost:9222/devtools/page/C089932CAB5A26F4409B78F887C84A50",
   "id": "C089932CAB5A26F4409B78F887C84A50",
   "title": "about:blank",
   "type": "page",
   "url": "about:blank",
   "webSocketDebuggerUrl": "ws://localhost:9222/devtools/page/C089932CAB5A26F4409B78F887C84A50"
} ]

さらに、この推奨事項に基づいてmy settings.json:にも設定しました。また、マシンを再起動し、VS Code を起動してから起動しました (他の Chrome ウィンドウを開かずに)。"remote.extensionKind": {"msjsdiag.debugger-for-chrome": "workspace"}

うまくいくはずだったことがすべてうまくいかないようです。つまり、ここで何かを誤解している可能性があります。私の質問は、ここで間違っていることはありますか?