Angular WebStorm应用程序指向本地主机：63276

我有一个Angular应用程序，我正在通过Angular CLI运行。我按照JetBrains文档中列出的步骤调试列出的Angular CLI应用程序。当我启动调试模式时，一个新的浏览器会打开到

about:blank

，而不是

http://localhost:4200

正如我在调试配置中指定的那样。另外，当我查看WebStorm中的debugger选项卡时，我会看到以下内容

当我在WebStorm调试配置中将

localhost:4200

指定为开始URL时，为什么WebStorm要尝试连接到

localhost:63276

编辑：我应该提到，在调试配置中，我指定Chrome浏览器应使用我指定的用户设置，以便在调试时可以访问LastPass和其他浏览器扩展

---

63276

是启动调试器的端口，它应该与服务器正在侦听的端口不匹配。 请确保在启动调试器之前关闭所有正在运行的Chrome实例-正如错误消息中所述，如果您的Chrome正在运行且包含用户数据，则无法打开调试端口。见：

---

要以您熟悉的外观打开新的Chrome实例，请在WebStorm中配置Chrome以从您的用户数据开始。在这种情况下，在启动调试会话之前，始终确保Chrome尚未使用您的用户数据运行。否则WebStorm仍会启动另一个带有用户数据的Chrome实例，但无法为其打开调试端口。因此，WebStorm调试器无法连接到新Chrome实例中的应用程序，并且调试会话不会启动。

63276

如果调试器是在端口上启动的，它应该与服务器正在侦听的端口不匹配。 请确保在启动调试器之前关闭所有正在运行的Chrome实例-正如错误消息中所述，如果您的Chrome正在运行且包含用户数据，则无法打开调试端口。见：

---

要以您熟悉的外观打开新的Chrome实例，请在WebStorm中配置Chrome以从您的用户数据开始。在这种情况下，在启动调试会话之前，始终确保Chrome尚未使用您的用户数据运行。否则WebStorm仍会启动另一个带有用户数据的Chrome实例，但无法为其打开调试端口。因此，WebStorm调试器无法连接到新Chrome实例中的应用程序，调试会话也不会启动。

谢谢。这就解决了问题。我只需要确保我没有打开另一个Chrome实例。我的API服务器在同一台机器上，启动时它自己打开了一个Chrome实例。解决方案是先启动Angular应用程序，然后启动API服务器。谢谢。这就解决了问题。我只需要确保我没有打开另一个Chrome实例。我的API服务器在同一台机器上，启动时它自己打开了一个Chrome实例。解决方案是先启动Angular应用程序，然后启动API服务器。