VsCode Chrome Debug extension won't work, even after stripping app to 2 files
<p>I am on Windows 10. I was having no luck getting an Angular2 app working with VsCode Chrome debugging extension. I stripped the app down to a non-Angular app with just 2 files, but still no progress. </p>

<p>My breakpoints don't get hit and I still get the Error: Cannot connect to runtime process, timeout after 10000 ms - (reason: Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:9222)" </p>

<p>These are my current two source files:</p>

<p>index.html</p>

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

<p>MyScript.js</p>

<pre><code>function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; }
</code></pre>

<p>My launch.json file contains:</p>

<pre><code>{
    "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}"
        }
    ]
}
</code></pre>

<p>I start lite-server in a command window. As soon as I start it, a tab opens inside IE which happened to be already running. Inside the address bar is "<a href="http://localhost:3000/" rel="noreferrer">http://localhost:3000/</a>"  The app runs fine. (What exactly is making this connection to IE? Could this conflict with the Chrome extension?)</p>

<p>I close out the IE tab and then go to Debug in VsCode. I set the configuration to "Launch Chrome against localhost...". I press F5 to start debugging. It opens a Chrome window and browses to "localhost:3000".</p>

<p>The app runs fine but my breakpoints don't get hit and I get an error in VSCode: "Error: Cannot connect to runtime process, timeout after 10000 ms - (reason: Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:9222)" </p>

<p>It seems to be trying to use the 3rd configuration "Attach to Chrome...". But the dropdown  was set to the second "Launch Chrome ...". I also make sure any running copies of Chrome are killed before hit F5.</p>

<p>I should also mention that I can create a node.js app in VsCode and the breakpoints work fine because of the built-in support.</p>