在使用webpack时,如何在chrome dev工具中查看简单类的typescript源代码

时间:2017-09-06 07:03:29

标签: angular typescript webpack google-chrome-devtools

我有一个使用typescript和webpack的角度应用程序。 我已在tsconfig.json中启用了源地图。

如果我进入Chrome开发工具的源代码选项卡,我可以看到展开标有webpack://的节点,找到组件和服务等的打字稿源文件,但不能用于简单的模型类。

我可以使用Angular Tour Of Heroes webpack示例重现相同的行为: https://github.com/michaelbazos/tour-of-heroes-webpack

例如,可以在此处找到HeroService来源: 的WebPack://./src/app/hero/hero.service.ts 555D

我希望在同一位置找到Hero课程的来源,但它不存在?

为什么没有显示,如何查看Hero类的来源并设置断点等?

0 个答案:

没有答案