WebStorm在Angular CLI应用程序中未命中断点

我正在使用WebStorm 2019.1.1构建WS-191.6707.60，构建于2019年4月16日。我正在尝试调试一个基于Angular 5.2的Angular应用程序。我按照上的说明以及许多YouTube视频进行了操作，但调试器似乎从未运行或命中我的断点

我设置了运行/调试配置，如下面的屏幕截图所示。我使用的是指向localhost:4200的默认Angular CLI配置。JetBrains支持网站上的说明说，通过绿色三角形播放按钮启动应用程序，然后在应用程序运行后，单击播放按钮旁边的bug图标。这会弹出一个对话框，警告项目不允许并行运行，我取消了该对话框。我也尝试过点击bug图标，尽管项目通过webpack编译并运行，但它从未在我在WebStorm中设置的断点处停止

使用dev工具在Chrome中调试工作正常，我在那里设置的断点工作正常，但是我真的希望能够在WebStorm中进行调试

该指令还提到WebStorm创建了一个默认的Angular应用程序配置，但我看不到正在创建一个

我以前在使用WebStorm的评估时，这个过程是可以工作的，但在我购买了许可证并重新安装WebStorm之后，它就不再工作了。有什么想法或建议吗？

在JavaScript调试中，在npm组上方有Angular应用程序运行配置，但在您的情况下，它已崩溃

如果没有，它看起来像这样： 默认情况下创建的角度应用程序配置。只是具有自定义名称的JavaScript调试概要文件

单击+图标添加配置并选择JavaScript调试

示例中的配置用于通过NodeJS在命令行上调试JavaScript。它用于调试npm脚本

您还需要安装JetBrains浏览器扩展。这是Chrome浏览器的链接，我不确定是否还有其他浏览器

---

如果没有扩展，IDE将无法远程调试浏览器中发生的事情。

我原以为WebStorm不再需要Chrome扩展。不是这样吗？@webworm如果直接从IDE启动Chrome，则不需要扩展。如果要将调试器附加到正在运行的Chrome实例，则需要它。老实说，我从来没有这样做过。我安装了chrome扩展，当我在Webstorm中选择Inspect时，我收到通知说JetBrains IDE支持正在调试这个浏览器。但是，我不能点击任何断点。我非常确定我之前运行它的方式是使用node.js配置。我将cick播放，webpack将在控制台中编译。然后，我必须手动将浏览器启动到localhost:4200，但随后它会遇到断点。