July 10, 2019

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

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 an select “webpack://”->”.”->”src/app” -> your typescript file ( See the image file).

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

Chrome Source files navigate ts files