之前我使用angular-cli@1.0.0-beta.10,现在我更新到angular-cli @ webpack beta.11.经过大量的自定义更改,我得到了它的工作.
唯一的问题是,现在我无法使用webstorm和chrome调试器调试我的角度应用程序,因为我没有使用ng服务获取任何ts文件.使用angular-cli@1.0.0-beta.10,使用Jetbrains插件调试我的应用程序非常容易.
如何使用Web服务调试我的角度应用程序和使用ng服务的Chrome调试器？
intellij-idea google-chrome-devtools typescript angular-cli angular
要调试角度前端,我打开Chrome和源选项卡中的开发工具,然后通过单击所有文件夹导航到ts文件,当我找到ts文件时,然后设置断点.然后返回使用该应用程序,然后开始调试.
虽然这很有效,但是必须深入了解文件夹...并查找ts文件.随着项目的发展,我发现它变得更加耗时.
我还必须记住哪个TS文件与哪个页面相关联.
有谁知道是否可以直接从页面转到ts文件？
我希望能够右键单击并选择一个菜单项直接转到ts文件,其方式与Inspect适用于HTML文件的方式完全相同.
任何建议都应该考虑到项目非常大.我确实尝试使用一些附加组件,但需要花费很长时间才能刷新无法使用.
有没有人有任何关于如何避免向下钻取文件夹以找到ts文件和设置断点的提示.如何以更快,更有效的方式实现这一目标？
万分感谢Fergal.
debugging google-chrome google-chrome-extension typescript angular