连接被拒绝：localhost:4200 favicon.ico 502 in angular 7

Question

我通过创建一个角度项目

ng new project_name --style=scss

然后尝试通过运行

ng serve

但得到错误

删除并重新安装了node_modules但都是徒劳的。

每次出现这个错误，请指导怎么办！！！

更新 1

为什么我无法在办公室电脑的localhost上运行Angular应用程序（在 192.168.XX:4200 上运行），但我可以在家里的localhost上运行同一个项目

更新 2

在主机文件中，我有这个。 可以吗？

127.0.0.1 本地主机

::1 本地主机

更新 3

我很确定，这只是系统配置问题，这就是为什么它阻止 localhost 并允许 192.168.XX 但不知道问题出在哪里。

Answer 1

我正在使用Opera浏览器进行测试，它是我的默认浏览器并尝试访问localhost:4200但每次connection refused然后我在Chrome上测试它时，它运行顺利。

我检查了两个浏览器的代理设置，但没有启用代理。 最后我在Opera重置了设置和数据并解决了问题。

还是，问题来了！！！ 是什么阻碍了localhost ......

Answer 2

我也面临同样的问题。 我尝试了上述解决方案，但没有奏效。 我现在使用不同的端口。 我使用了这个命令：

-ng serve --port 0

我可以看到我的应用程序在新端口上运行。

Answer 3

没有像 npm start 这样的 Angular CLI命令，你是这个意思吗？

ng serve

请检查一下， https://angular.io/cli/serve

Answer 4

将您的 favicon.ico 文件放在 assets 文件夹中并更改 index.html 中的路径

Answer 5

只需将您的favicon.ico文件放入您的项目根目录，并在您的index.html文件的head使用以下代码更新您的favicon文件注入代码。 谢谢

<link rel="icon" href="favicon.ico" type="image/x-icon">

Answer 6

您可以使用以下方法来解决相同的问题：

• 检查您的 LAN 代理设置。

  在 Chrome 设置 -> 高级 -> 打开代理设置 -> LAN 设置 -> 确保取消选中“为 LAN 使用代理服务器”或标记“绕过本地地址的代理服务器”（如果您使用代理）

此外，如果上述设置没有解决您的问题，可能系统中已经使用了端口4200尝试在不同的端口上运行应用程序ng serve --port 4401

还要确保清除浏览器缓存以查看结果