0

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

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

我是否以正确的方式做到了?

4

3 回答 3

2

您不需要start在调试模式下运行,除非您需要调试 Angular cli。要调试您的应用程序,您必须使用http://localhost:4200 URL创建一个JavaScript Debug运行配置,运行您的应用程序,然后调试配置。见https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps/ start

于 2018-09-14T18:16:43.273 回答
0

我认为您需要扩展您的 Webstorm 配置,以便能够在 Webstorm 中调试您的 Angular 应用程序(参见此处)。

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

于 2018-09-14T18:16:45.660 回答
0

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

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

于 2018-09-14T18:18:45.903 回答