title: Debug Typescript protractor tests with VSCode
body: <p>I have angular app with e2e tests in typescript and i want to run debug in VSCode. I went to <a href="https://github.com/angular/protractor/blob/master/docs/debugging.md" rel="nofollow noreferrer">read.me</a> to see how to run debug and it was easy. But my problem is that breakpoint in typescript tests is not stopping.
  As I see i have sourcemap problem which are not generated.</p>
  <p>tsconfig.json</p>
  <pre><code>{
    &quot;compileOnSave&quot;: true,
    &quot;compilerOptions&quot;: {
      &quot;declaration&quot;: false,
      &quot;emitDecoratorMetadata&quot;: true,
      &quot;experimentalDecorators&quot;: true,
      &quot;module&quot;: &quot;commonjs&quot;,
      &quot;moduleResolution&quot;: &quot;node&quot;,
      &quot;sourceMap&quot;: true,
      &quot;target&quot;: &quot;es5&quot;,
      &quot;typeRoots&quot;: [
        &quot;../node_modules/@types&quot;
      ]
    }
  }
  </code></pre>
  <p>launch.json</p>
  <pre><code>{
      &quot;version&quot;: &quot;0.2.0&quot;,
      &quot;configurations&quot;: [
          {
              &quot;name&quot;: &quot;Launch&quot;,
              &quot;type&quot;: &quot;node&quot;,
              &quot;request&quot;: &quot;launch&quot;,
              &quot;program&quot;: &quot;${workspaceRoot}/node_modules/protractor/bin/protractor&quot;,
              &quot;stopOnEntry&quot;: false,
              &quot;sourceMaps&quot;: true,
              &quot;cwd&quot;: &quot;${workspaceRoot}&quot;,
              &quot;args&quot;: [
                  &quot;${workspaceRoot}/protractor.conf.js&quot;
              ]
          }
      ]
  }
  </code></pre>
  <p>protractor.conf.js</p>
  <pre><code>// Protractor configuration file, see link for more information
  // https://github.com/angular/protractor/blob/master/docs/referenceConf.js
  
  /*global jasmine */
  var SpecReporter = require('jasmine-spec-reporter');
  
  exports.config = {
    allScriptsTimeout: 11000,
    specs: [
      './e2e/**/*.e2e-spec.ts'
    ],
    capabilities: {
      'browserName': 'chrome'
    },
    directConnect: true,
    baseUrl: 'http://localhost:4200/',
    framework: 'jasmine',
    jasmineNodeOpts: {
      showColors: true,
      defaultTimeoutInterval: 30000,
      print: function() {}
    },
    useAllAngular2AppRoots: true,
    beforeLaunch: function() {
      require('ts-node').register({
        project: 'e2e'
      });
    },
    onPrepare: function() {
      jasmine.getEnv().addReporter(new SpecReporter());
    }
  };
  </code></pre>
  <p>As i understand ts-node is compiling ts to js and probably its not generation sourcemap or they are stored in somespecific location</p>
  <p>What I am doing wrong?</p>