Debugging Typescript with IntelliJ and Chrome

Question

Is there a way to find the corresponding line in a Typescript file to the (compiled) Javascript one that is causing an error?

I am using IntelliJ and Google Chrome.

Knaģis · Accepted Answer · 2017-04-03 09:49:52Z

3

You need to compile with the source map support. Is will create a .js.map file that matches the JavaScript files with the TypeScript source. Chrome (and all other browsers as well) will be able to use that to show .ts files while debugging.

For the command line compiler you can add the --sourceMap option (docs) to enable this.

To configure the built-in compiler, follow the instructions from jetbrains.com documentation:

Choose the Set options manually to configure compilation manually:

Select the Generate source maps check box to generate source maps that set correspondence between lines in your TypeScript code and in the generated JavaScript code, otherwise your breakpoints will not be recognised and processed correctly.

answered Apr 3, 2017 at 9:49

Knaģis

21.6k9 gold badges71 silver badges80 bronze badges

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

1 Comment

Krzysztof Safjanowski Over a year ago

Seems that enabling source maps solves issues with non working TS debugger. Thank you : )

Collectives™ on Stack Overflow

Debugging Typescript with IntelliJ and Chrome

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related