連接被拒絕：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

還要確保清除瀏覽器緩存以查看結果