How to debug on TypeScript code instead of JavaScript code in Chrome?

Question

I only found a way to do that manually every time from the start. I write code in Angular2 with WebStorm 11.

Possible duplicate of How to debug angular app using angular-cli webpack? — JayChase
– JayChase, Commented Jul 23, 2019 at 11:51

Adrian Brand · Accepted Answer · 2016-07-07 23:57:01Z

5

You need to have your transpiler generate .map files.

answered Jul 7, 2016 at 23:57

Adrian Brand

21.8k4 gold badges46 silver badges67 bronze badges

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

Comments

hholtij · Accepted Answer · 2016-07-08 01:35:04Z

1

As Adrian said your transpiler needs to produce map info, which can also be generated into the js output file instead of a separate .map file.

One issue you may run into is that within lambda functions (aka arrow functions) you will not be able to see your variables, neither in chrome nor in WebStorm. However, there is a setting in WebStorm that allows you to see your this. variables properly within the WebStorm debugger:

Goto Help, Find Action, enter "registry". In the registry check js.debugger.map.this.by.source.code

answered Jul 8, 2016 at 1:35

hholtij

2,9466 gold badges29 silver badges43 bronze badges

Collectives™ on Stack Overflow

How to debug on TypeScript code instead of JavaScript code in Chrome?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related