title: Typescript debugging not working in Visual Studio 2017
body: <p>I'm using Visual Studio 2017 version 15.5.7 for my .NET web API project and I'm using Syncfusion's angular controls with systemJS for UI. Problem is, that I cannot debug typescript at all. I can place a breakpoint and it appears like normal regular breakepoint until i hit debug, then it becomes unavailable with message:</p>
  
  <blockquote>
    <p>The breakpoint will not currently be hit. No code has been loaded for this code location.</p>
  </blockquote>
  
  <p>I tried debugging with Chrome, Firefox, Edge and IE, but to no avail. <strong>.map</strong> files are generated on build and I can debug transpiled javascript files in Chrome dev tools. Also, I should mention that I cannot navigate to my typescript files in Chrome. Just generated javascript files. </p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>I should also mention that all of the options in web project <em>Properties -> TypeScript Build</em> are disabled and there's a message:</p>
  
  <blockquote>
    <p>One or more tsconfig.json files detected. Project properties are disabled.</p>
  </blockquote>
  
  <p>I have added only one <em>tsconfig.json</em> file. Is VS using some internal one? Could this be a problem? Also there are some more <em>tsconfig.json</em> files in my node_modules folder.</p>
  
  <p><a href="https://i.stack.imgur.com/o4J4p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o4J4p.png" alt="TypeScript Build"></a></p>