Angular [webpack-dev-server] 在 Chrome 下出现连接循环问题

Question

对于我的Angular项目（Angular 14，webpack-dev-server 4.9.3），如果在Chrome浏览器下运行应用程序，webpack-dev-server会不断循环显示“web-pack-server disconnected and trying to reconnect”消息。但是在Edge浏览器下运行时，该消息不会显示。

该消息会显示在控制台日志中。

- JamesW

---

你是否在使用 webpack-cli？能否分享一下你的Webpack配置文件。 - Mohamed.Karkotly

你解决了这个问题吗？我突然也遇到了同样的问题。 - Spock

在一个 Angular 项目中，我在所有浏览器中都遇到了这个问题，无论是否安装了扩展程序。当我关闭了防病毒软件后，问题就解决了。 - undefined

Answer 1

在我的情况下，我在我的卡巴斯基杀毒软件中为“localhost”地址添加了一个例外。

在安全/安全设置/安全浏览/高级设置/受信任的网址下，点击“+添加”并输入“*localhost*”。

- mark lauron

Answer 2

以下是几个解决方案：

第1个解决方案

运行npx webpack serve --allowed-hosts all

第2个解决方案

在您的配置文件中，找到devServer对象，将allowedHosts: 'auto'替换为allowedHosts: ['all']

- Mohamed.Karkotly

---

我正在运行Windows 10操作系统。包含allowedHosts的配置文件在哪里？ - JamesW

Answer 3

我建议你在Chrome的无痕模式下打开你的网站。

如果它能在无痕模式下正常运行，那么你就知道有一些插件可能会导致问题。

- Spock