Angular在Chrome中不起作用

Question

我在WebStorm中创建了一个Angular-cli项目，当我通过点击“运行”图标运行项目时，我可以在http://127.0.0.1:4200/或http://localhost:4200/中看到我的项目，但是当我将这些链接复制到Chrome时无法看到我的项目，似乎Chrome浏览器无法正常工作。我看到所有相关的页面，但我找不到解决方案。

Answer 1

这样做......

使用＆＃39; ng＆＃39;

运行您的应用

如果应用未在浏览器上打开

使用http://127.0.0.1:4200/

加载应用

输入ctrl + shift + i打开浏览器控制台检查是否有错误，如果发现从您的应用程序调试它。

如果不起作用请尝试使用bellow

您可以从Chrome网上应用店安装 cors插件，然后有效的来源重新分享并重新尝试。

最好的祝福。

Answer 2

我有同样的问题。 在Chrome中运行ng serve并打开网页后，它将显示：

This page isn't working.

在Edge中，应用程序正常运行。

即使在IE 11中，我也得到了响应和显示，但是Chrome却以某种方式...

添加：

好的，我设法找到了Chrome的解决方法。 在Chrome中使用http://localhost:4200时将无法使用。 但是使用127.0.0.1:4200是可以的，

其中127.0.0.1是回送地址。

添加：

经过一些试验后，似乎是Chrome扩展程序问题。因为当我以隐身模式打开页面时，它也可以在Chrome浏览器中使用。

Answer 3

使用您的本地IP地址而不是本地主机。它适用于我：http://10.0.1.30:4200

Answer 4

除了上述解决方法外，还可以检查applicationUrl的开头是否是 http 或 https ，是由浏览器。因为Google Chrome浏览器可能会尝试连接到HTTP，但是无需为IIS Express设置启用HTTP。