调试到angular 2打字稿源代码

Question

I have an angular2 project generated by angular-cli. I want to be able to debug the angular2 typescript source code in chrome dev tools (not my own typescript code but the actual angular2 code). The angular2 npm package under node_modules only contains the transpiled javascript files but they contain source mappings. How can I make this work? Thx.

Answer 1

How about putting debugger; at the location you want to debug, this will trigger a breakpoint in chrome dev tools and you can work your way from there.

Answer 2

Open chrome developer tool (F12).

Go to Source tab. Enter ctrl+p .

Search the file name in the drop-down.

Select the file and add break point at the line which you want to debug.

And proceed your actions which calls the line which you want to debug.

Answer 3

显然，这在angular-cli中是不可能的，因为它们忽略了node_modules中的源映射（ https://github.com/angular/angular-cli/issues/1838 ）。