调试到angular 2打字稿源代码

时间:2016-11-05 11:51:01

标签: angular webpack source-maps angular2-cli

我有一个由angular-cli生成的angular2项目。我希望能够在chrome dev工具中调试angular2 typescript源代码(不是我自己的打字稿代码,而是实际的angular2代码)。 node_modules下的angular2 npm包只包含已转换的javascript文件,但它们包含源映射。我怎样才能做到这一点? THX。

3 个答案:

答案 0 :(得分:0)

如果将debugger;放在要调试的位置,这将触发chrome dev工具中的断点,您可以从那里开始工作。

答案 1 :(得分:0)

打开Chrome开发人员工具(F12)。

转到“来源”标签。输入ctrl+p

在下拉列表中搜索文件名。

选择文件并在要调试的行添加断点。

然后继续执行调用要调试的行的操作。

答案 2 :(得分:0)

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