Question

我在Windows 10上。我很幸运得到一个使用VsCode Chrome调试扩展程序的Angular2应用程序。我将应用程序剥离到只有2个文件的非Angular应用程序，但仍然没有进展。

我的断点没有被击中，我仍然得到错误：无法连接到运行时进程，10000毫秒后超时 - （原因：无法连接到目标：连接ECONNREFUSED 127.0.0.1:9222)" ;

这些是我目前的两个源文件：

的index.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中就会打开一个标签，该标签恰好已经在运行。在地址栏内是＆＃34; http://localhost:3000/＆＃34;该应用运行正常。（这与IE的连接究竟是什么？这可能与Chrome扩展有冲突吗？）

我关闭IE选项卡，然后转到VsCode中的Debug。我将配置设置为＆＃34;针对localhost启动Chrome ...＆＃34;。我按F5开始调试。它会打开一个Chrome窗口并浏览到＆＃34; localhost：3000＆＃34;。

该应用程序运行良好，但我的断点没有被击中，我在VSCode中出现错误：＆＃34;错误：无法连接到运行时进程，10000毫秒后超时 - （原因：无法连接到目标：connect ECONNREFUSED 127.0.0.1:9222)"

似乎正在尝试使用第3种配置＆＃34;附加到Chrome ...＆＃34;。但是下拉菜单是第二次启动Chrome ...＆＃34;。我还确保在点击F5之前，任何正在运行的Chrome副本都会被杀死。

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

Answer 1

右键点击Chrome快捷方式，然后在＆＃34; target＆＃34;中选择属性。字段，追加--remote-debugging-port=9222或在命令提示符中，执行/chrome.exe --remote-debugging-port=9222。

Answer 2

请求：启动工作

我有这个 launch.json，断点与 F5 中的 VSCode 一起启动一个新的 Chrome 实例。我什至不必关闭另一个 Chrome 实例：

    {
    "name": "launch localhost",
    "type": "chrome",
    "request": "launch",
    "url": "http://localhost:3000/public/calc.html",
    "webRoot": "${workspaceRoot:rest-test}"
            },

即使在将应用删除到2个文件

2 个答案:

请求：启动工作