我正在一台装有Windows 10的电脑上使用VS Code和WSL 2(Ubuntu 18.04),尝试使用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秒后弹出两个错误。
我不太担心第一个错误,它说Google Chrome无法读取和写入其数据目录:<VALID-DIRECTORY-ON-MY-MACHINE>
。过去一天半我一直尝试解决的是第二个错误,它说
连接运行时进程超时10000毫秒 -(原因:无法连接目标:connect ECONNREFUSED 127.0.0.1:9222)
我试过很多Stack、GitHub、VS Code dev网站等的解决方案,但没有任何帮助。在我的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"
} ]
此外,我还在我的 settings.json
中设置了:"remote.extensionKind": {"msjsdiag.debugger-for-chrome": "workspace"}
,基于这个 建议。我也重启了电脑、启动了 VS Code,然后启动了调试(没有打开任何其他 Chrome 窗口)。
看起来所有应该工作的东西都不起作用了,这意味着我可能误解了某些内容。我的问题是,我在这里做错了什么吗?