title: VsCode Chrome Debug extension won't work, even after stripping app to 2 files
body: <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>