Chrome – Debug Angular/Typescript – how to navigate to ts file

Angular uses webpack and all type script files are listed under it. To select your target typescript file, Chrome’s Developer tool (F12). Go to Source tab,

Select Chrome “webpack://”->”src/app” -> your typescript file.

Or in older version of chrome follow this path “webpack://”->”.”->”src/app” -> your typescript file ( See the image file).

Or Ctrl+P to locate your file(as suggested by fergal_dd)

Then set the debug line marker on ts file and use normal java script keyboard(F8, F10, F11 etc) feature to debug it.

enter image description here

Leave a Comment

tech