调试到 angular 2 typescript 源代码

Question

我有一个由 angular-cli 生成的 angular2 项目。我希望能够在 chrome 开发工具中调试 angular2 typescript 源代码（不是我自己的 typescript 代码，而是实际的 angular2 代码）。 node_modules 下的 angular2 npm 包仅包含转译的 javascript 文件，但它们包含源映射。我怎样才能使这项工作？谢谢

Answer 1

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

Answer 2

打开 chrome 开发者工具 (F12)。

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

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

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

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

Answer 3

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