调试 Angular 应用服务器端



如何使用调试器运行 Angular 应用程序的服务器端?我有应用程序,它使用ng serve命令运行,我正在使用Windows上的WebStorm。

我在package.json中将start设置为ng serve并在调试模式下运行start命令。但我的印象是调试器不会在断点上暂停。

我做得对吗?

你不需要在调试模式下运行start,除非你需要调试角度cli。若要调试应用程序,必须使用http://localhost:4200 URL创建 JavaScript 调试运行配置,使用start运行应用,然后调试配置 sbove。请参阅 https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps/

我认为您需要扩展Webstorm配置才能在Webstorm中调试Angular应用程序(请参阅此处(。

否则,您可以使用浏览器的 DevTools 调试应用程序。我的经验表明,这有更好的性能。

如果您尝试调试打字稿代码,最简单的方法是在浏览器中打开"源"选项卡。这可能因浏览器而异,但这就是 Chrome 的工作方式。

从这里,进入源选项卡并导航到您正在处理的特定文件。在左侧设置一个断点,重新启动页面,它应该在您设置的断点上中断。我不确定它会如何与 Webstorm 反应,但它可能会在浏览器和 IDE 中调试(这可能会有点烦人(。

相关内容

最新更新