9

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?

Improve this question
1

4 Answers 4

Reset to default
7

in IE 11 you need to open your .ts file in debugger it found under "Dynamic Scripts".

Dynamic Scripts

scroll down to and locate your .ts file and open it in debug.

Select you file

Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

And what if my *.ts files are not there? I can only debug typescript on Chrome
4

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.

Improve this answer

Comments

1

Apparently, the only way to debug .ts files with IE 11 is to create your own mappings between your .ts files and your transpiled/minified .js files, by creating .map files.

The feature is available only for Windows 8.1 and higher.

More information in the official doc, at the "Source maps" section.

Improve this answer

Comments

0

Set value "sourceMap" to true in angular.json file of your application.

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.