Typescript + gulp-sourcemaps generates map but browser DevTools don't recognize it Typescript + gulp-sourcemaps generates map but browser DevTools don't recognize it typescript typescript

Typescript + gulp-sourcemaps generates map but browser DevTools don't recognize it


In chrome dev Tools open settings (F1 in windows).

Make sure that options:

Sources:

  • Automatically reveal files in navigator
  • Enable JavaScript source maps

are checked


Probably not exactly what you are looking for, I personally use webpack and source-map-loader and able to get the source map shown correctly, albeit under "webpack://"

image

You can check out my configuration at https://github.com/unional/aurelia-logging-color

Hope it helps.


I believe your problem lies in how you defined the sourceRoot. Try something like sourceRoot: './typescript/'.