调试成angular 2 typescript源代码

调试成angular 2 typescript源代码,angular,webpack,source-maps,angular2-cli,Angular,Webpack,Source Maps,Angular2 Cli,我有一个angular2项目由AngularCLI生成。我希望能够在chrome开发工具中调试angular2 typescript源代码(不是我自己的typescript代码,而是实际的angular2代码)。node_模块下的angular2 npm包仅包含传输的javascript文件,但它们包含源映射。我怎样才能做到这一点?Thx.如何放置调试器在您想要调试的位置,这将在chrome开发工具中触发一个断点,您可以从那里开始工作。如何放置调试器在您要调试的位置,这将触发chrome开发工具

我有一个angular2项目由AngularCLI生成。我希望能够在chrome开发工具中调试angular2 typescript源代码(不是我自己的typescript代码,而是实际的angular2代码)。node_模块下的angular2 npm包仅包含传输的javascript文件,但它们包含源映射。我怎样才能做到这一点?Thx.

如何放置
调试器在您想要调试的位置,这将在chrome开发工具中触发一个断点,您可以从那里开始工作。

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

打开chrome开发工具(F12)

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

在下拉列表中搜索文件名

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


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

打开chrome developer tool(F12)

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

在下拉列表中搜索文件名

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


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

显然,这在angular cli中还不可能,因为它们忽略了节点模块()中的源映射

显然,这在angular cli中还不可能实现,因为它们忽略了节点_模块()中的源映射

你是说在angular 2 typescript源代码中?理想情况下,我不想为了调试而自己编辑angular 2源代码。我认为在调试器中应该有一些方法来添加typescript源代码,但无法使其工作。你是说在angular 2 typescript源代码中?理想情况下,我不想为了调试而自己编辑angular 2源代码。我认为调试器中应该有一些方法来添加typescript源,但无法使其工作。请参考此答案:请参考此答案: