webpack-dev-server 断开连接并尝试重新连接... 垃圾信息

Question

我刚刚完成了一个Angular项目，但是我在控制台上注意到了一些东西，如果可能的话，我想隐藏它们，以保持一切整洁。

这是[webpack-dev-server]模块不断断开连接并尝试重新连接，使我的控制台日志充斥着大量信息。就像这样：

polyfills.js:1919 [webpack-dev-server] Live Reloading enabled.
polyfills.js:1919 [webpack-dev-server] Disconnected!
polyfills.js:1919 [webpack-dev-server] Trying to reconnect...
polyfills.js:1919 [webpack-dev-server] Live Reloading enabled.
polyfills.js:1919 [webpack-dev-server] Disconnected!
polyfills.js:1919 [webpack-dev-server] Trying to reconnect...
polyfills.js:1919 [webpack-dev-server] Live Reloading enabled.
polyfills.js:1919 [webpack-dev-server] Disconnected!
polyfills.js:1919 [webpack-dev-server] Trying to reconnect...

这个问题有解决方案吗？还是只能等应用程序投入生产后才能解决？

- Reda Boi

---

我有同样的问题！！！ - Ashraf Sayied-Ahmad

在您的应用中安装 Service Worker 包？ - Parth M. Dave

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

Answer 1

我遇到了同样的错误，并通过在卡巴斯基杀毒软件中允许“localhost”来解决了我的问题。

在安全性 > 安全设置 > 安全浏览 > 高级设置 > 可信任的URL中，点击+添加，然后输入“localhost”，保存。

- Xian

Answer 2

在我的情况下，问题出现在我的病毒防护软件卡巴斯基上。在我退出它之后，问题得到解决。

- tecs-x

---

你还可以禁用对webpack-dev-server使用的端口的扫描。（在网络设置中，将扫描更改为“仅监视选定的网络端口”，然后在端口列表中禁用你正在使用的端口） - undefined

Answer 3

我用以下命令成功解决了问题:

npx webpack serve --allowed-hosts all

- user3621978

Answer 4

我遇到了同样的问题。控制台反复显示Web Pack服务器消息“已断开连接!”和“尝试重新连接...”。但仅当应用程序在Chrome下运行时才会出现此消息。当应用程序在Edge下运行时，消息不会显示。

我读了很多帖子，但不幸的是没有什么帮助。直到我意识到我的Chrome浏览器已过时。经过快速更新，Web Pack服务器消息消失了。也许有人面临着同样的问题。

- Ramona

---

对我来说也是一样。但是对我来说，谷歌浏览器更新不起作用。 - NsdHSO

一样的情况，完全按照描述更新后就可以正常工作了...谢谢！ - Max Tuzenko