Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Debug angular 2 typescript application in IE

I can easily debug my Angular 2 (from an Angular-CLI generated project) Typescript files in Chrome and Firefox but I am unable to debug any of my typescript file in IE 11. All files I can see in the list are of type .js Can anyone guide me on what I am doing wrong or how to debug the application in IE?

like image 615
Haseeb Wali Avatar asked Sep 24 '17 14:09

Haseeb Wali


People also ask

Can we debug Angular code in browser?

Angular DevTools is a browser extension that provides debugging and profiling capabilities for Angular applications. Angular DevTools supports Angular v12 and later.


1 Answers

IE 11 wont handle the maps files for you automatically like Chrome does. So you have to choose the map file manually by right clicking on the js file tab:

enter image description here

then you should be able to debug your .ts file

enter image description here

However after the app gets reloaded you have to choose the source map file again, that is just wired experience and I would not recommend to debug you app in IE 11 at all unless you are experiencing some specific IE 11 bug.

like image 197
angularrocks.com Avatar answered Sep 29 '22 20:09

angularrocks.com