Angular 在 Chrome 中不起作用

Question

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

Answer 1

做这个...

使用“ng serve”运行您的应用

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

使用http://127.0.0.1:4200/加载应用程序

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

如果它不起作用，请尝试使用波纹管

您可以从 chrome 网上商店安装cors 插件并激活 cros 源资源共享并重新尝试。

最好的祝愿。

Answer 2

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

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 可能会尝试连接到 HTTPs，但不需要为 IIS Express 设置启用 HTTPs。