1

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

4

3 回答 3

0

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

于 2016-11-05T12:45:50.217 回答
0

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

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

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

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

并继续执行调用您要调试的行的操作。

于 2016-11-05T16:59:10.027 回答
0

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

于 2016-11-05T17:21:30.167 回答