gpt4 book ai didi

visual-studio-code - 即使将应用程序剥离为 2 个文件,VsCode Chrome 调试扩展程序也无法工作

转载 作者:行者123 更新时间:2023-12-04 11:32:13 24 4
gpt4 key购买 nike

我在 Windows 10 上。我没有运气让 Angular2 应用程序与 VsCode Chrome 调试扩展一起工作。我将应用程序精简为只有 2 个文件的非 Angular 应用程序,但仍然没有进展。

我的断点没有被击中,我仍然收到错误:无法连接到运行时进程,10000 毫秒后超时 -(原因:无法连接到目标:连接 ECONNREFUSED 127.0.0.1:9222)”

这些是我当前的两个源文件:

索引.html

<!DOCTYPE html>
<html>
<body>
<h1>External JavaScript</h1>
<p id="demo">A Paragraph.</p>
<button type="button" onclick="myFunction()">Try it now</button>
<p><strong>Note:</strong> myFunction is stored in an external file called "myScript.js".</p>
<script src="myScript.js"></script>
</body>
</html>

MyScript.js
function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; }

我的 launch.json 文件包含:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Chrome against localhost, with sourcemaps",
"type": "chrome",
"request": "launch",
"url": "http://localhost:3000",
"sourceMaps": true,
"webRoot": "${workspaceRoot}"
},
{
"name": "Attach to Chrome, with sourcemaps",
"type": "chrome",
"request": "attach",
"port": 9222,
"sourceMaps": true,
"webRoot": "${workspaceRoot}"
}
]
}

我在命令窗口中启动 lite-server。我一启动它,就会在 IE 中打开一个选项卡,该选项卡恰好已经在运行。地址栏中是“ http://localhost:3000/ ”应用程序运行良好。 (究竟是什么与 IE 建立了这种连接?这会与 Chrome 扩展程序冲突吗?)

我关闭 IE 选项卡,然后转到 VsCode 中的调试。我将配置设置为“针对本地主机启动 Chrome...”。我按 F5 开始调试。它会打开一个 Chrome 窗口并浏览到“localhost:3000”。

该应用程序运行良好,但我的断点没有被命中,并且我在 VSCode 中收到错误:“错误:无法连接到运行时进程,10000 毫秒后超时 -(原因:无法连接到目标:连接 ECONNREFUSED 127.0.0.1:9222 )”

它似乎试图使用第三个配置“附加到 Chrome...”。但是下拉菜单设置为第二个“启动 Chrome ...”。我还确保在按 F5 之前杀死所有正在运行的 Chrome 副本。

我还应该提到,我可以在 VsCode 中创建一个 node.js 应用程序,并且由于内置支持,断点工作正常。

最佳答案

右键单击 Chrome 快捷方式,然后选择属性在“目标”字段中,附加 --remote-debugging-port=9222或在命令提示符下,执行 /chrome.exe --remote-debugging-port=9222 .

关于visual-studio-code - 即使将应用程序剥离为 2 个文件,VsCode Chrome 调试扩展程序也无法工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40706059/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com