angular - 无法使用WebStorm调试Angular

Question

我有一个Angular应用程序(Angular 2)，可以从WebStorm启动它而不会出现问题，但是当我尝试设置断点时，没有一个碰到过。 WebStorm报告已连接调试器，并且Webpack已成功编译。我将浏览器打开到localhost:4200，我的应用程序正常加载，只是没有一个断点命中。我还安装了JetBrains IDE扩展，但是我的理解是不再需要它了。

Answer 1

步骤1:点击右上 Angular 的下拉菜单>编辑配置



第2步:在“运行调试配置”下，单击+符号，然后选择“Javascript调试”



步骤3:确保已在Javascript调试下创建了新的配置文件(在我的情况下，配置文件名称为Angular Applicaiton> URL:http://localhost:4200



步骤4:一切设置正确之后。确保从下拉菜单中选择合适的配置文件，如下所示



步骤5:确保通过终端中的ng服务您的应用程序，然后单击Debug(调试)按钮(请记住不要点击绿色播放按钮)。按上面的屏幕截图中的红色错误按钮。

现在应该在新窗口中打开localhost:4200

注意:确保在ts文件中添加了足够的断点以对其进行调试

现在，您的断点肯定会起作用。