title: VSCode react-native typescript: breakpoints ignored because source code not found
body: <p>I am unable to have my breakpoints hit in my typescript files inside my react-native project. I have looked at various similar questions here at stackoverflow and also on github. (<a href="https://stackoverflow.com/questions/36006303/vs-code-breakpoint-ignored-because-generated-code-not-found-error">here</a>, <a href="https://stackoverflow.com/questions/35606423/visual-studio-code-debug-node-js-through-typescript/35608348#35608348">here</a>)
  Here is my tsconfig.json:</p>
  
  <pre><code>{
      "compilerOptions": {
          "target": "es2015",
          "module": "es2015",
          "jsx": "react",
          "outDir": "build",
          "rootDir": "src",
          "allowSyntheticDefaultImports": true,
          "noImplicitAny": true,
          "experimentalDecorators": true,
          "preserveConstEnums": true,
          "allowJs": true,
          "sourceMap": true
      },
      "filesGlob": [
          "typings/index.d.ts",
          "src/**/*.ts",
          "src/**/*.tsx"
      ],
      "exclude": [
          "index.android.js",
          "index.ios.js",
          "build",
          "node_modules"
      ],
      "compileOnSave": false
  }
  </code></pre>
  
  <p>First I build my sources using visual studio code build task (ctrl+shift+B); every thing builds fine and <code>.js</code> files along with corresponding <code>.js.map</code> files are generated inside the <code>./build</code> folders.</p>
  
  <p>Then I create a launch configuration in the launch.json</p>
  
  <p>From within visual studio code I start the debug process (f5). Every thing works fine and app is loaded and displayed inside my genymotion emulator.</p>
  
  <p>But breakpoints inside typescript are never hit. (They are hit inside the generated <code>.js</code> files though)</p>
  
  <p>I am completely at lost here. No matter what I do I can't get the breakpoints to get hit...</p>
  
  <p>Any help would be greatly appreciated.</p>