title: VSCode - Chrome Debug - Unverified Breakpoint
body: <p>I have a problem with debugging my angular component inside .ts file.
  I'm using VSCode and Debugger for Chrome extension. </p>
  
  <p>Here is my vscode launch file:</p>
  
  <pre><code>{
      "version": "0.2.0",
      "configurations": [
          {
              "type": "chrome",
              "request": "launch",
              "name": "Launch Chrome",
              "url": "http://localhost:5000",
              "sourceMaps": true, 
              "webRoot": "${workspaceRoot}"        
          }
      ]
  }
  </code></pre>
  
  <p>Here is my tsconfig.json file:</p>
  
  <pre><code>{
    "compile": true,
    "comments":true,
    "module": "none",
    "target": "es5",
    "sourceMap": true,
    "sourceRoot": "",
    "mapRoot": "",
    "declaration": false
  }
  </code></pre>
  
  <p>Inside angular component, I've set a breakpoint in $onInit cycle:</p>
  
  <pre><code>$onInit = () =&gt; {
    for(let i = 0; i &lt; 5; i++) { //here I put breakpoint
      let t = i;
    }
  }
  </code></pre>
  
  <p>Debus starts successfully (chrome opens) but nothing happens. In my editor, if I hover over breakpoint, the tooltip shows with a message:
  <strong>Unverified breakpoint. Breakpoint set but not yet bound</strong> </p>
  
  <p>I am using 1.24.1 version of vscode.</p>