调试到angular 2打字稿源代码

Question

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

Answer 1

debugger;怎么样debugger; 在您要调试的位置，这将触发chrome dev工具中的断点，您可以从那里开始工作。

Answer 2

打开镀铬开发工具（F12）。

转到“源”选项卡。 输入ctrl+p 。

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

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

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

Answer 3

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