title: Visual Studio Code debugging chrome, Breakpoints wont hit
body: <p>I have a Angular2/typescript app I am developing in VSCode. I use Gulp to build the typescript files and gulp-sourcemap to create map files. Attaching/launching chrome works well after some tinkering with the chrome debug extension for VSCode, but I cannot get the breakpoints to hit. I run the website with "dnx web", but I don't think that should matter.</p>
  
  <p>My folder structure is like this:</p>
  
  <pre><code>project/wwwroot/index.html
  project/wwwroot/app/myfile.js
  project/wwwroot/app/myfile.js.map
  project/scripts/myfile.ts
  </code></pre>
  
  <p>My <code>launch.json</code> looks like this: </p>
  
  <pre><code>{
    "version": "0.2.0",
    "configurations": [
      {
        "name": "Launch",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost:8001/portfolios",
        "runtimeArgs": [
            "--new-window", //Open in new window
            "--user-data-dir=C:/temp/", 
            "--remote-debugging-port=9222" 
        ],
        "webRoot": "${workspaceRoot}/wwwroot", 
        "sourceMaps": true
      }
    ]
  }
  </code></pre>
  
  <p>and my gulp build task looks like this:</p>
  
  <pre><code>gulp.task('ts', function (done) {
    var files = gulp.src(tsToMove)
      .pipe(sourcemaps.init())
      .pipe(ts(tsConfig), undefined, ts.reporter.fullReporter());
      return files.js.pipe(sourcemaps.write(".",{sourceRoot: '../scripts'}))
      .pipe(gulp.dest('scripts'));
  })
  </code></pre>
  
  <p>I have verified that maps files are generated and stored in the same folder as the js files. when building.</p>
  
  <p>Thanks for any hints.</p>