'[WDS] 已断开连接！' 是什么意思？错误意味着 webpack 和 Vue.js？答案

【问题标题】：What does '[WDS] Disconnected!' error mean with webpack and Vue.js?'[WDS] 已断开连接！' 是什么意思？错误意味着 webpack 和 Vue.js？
【发布时间】：2020-11-05 14:18:36
【问题描述】：

我目前正在开发一个使用 Vue.js 作为前端的 Django 项目。我不断收到“[WDS] 断开连接！”每次刷新页面时都会出错。也就是说，网站功能齐全，没有问题，但是每次重新加载页面都会弹出错误。

[WDS] Disconnected!
close                webpack:///(webpack)-dev-server/client?:172
initSocket           webpack:///(webpack)-dev-server/client/socket.js?:26
dispatchEvent        webpack:///./node_modules/sockjs-client/dist/sockjs.js?:219
_close               webpack:///./node_modules/sockjs-client/dist/sockjs.js?:1097

我在 localhost:8000 上运行网站，在端口 8080 上运行前端作为本地网格实例，并设置了证书文件。

这是正常行为吗？我尝试像一些建议的那样更新 npm，但这并没有做任何事情。

任何帮助将不胜感激:)

【问题讨论】：

这意味着你关闭了你的 Webpack 开发服务器
这是如何工作的@Phil？我以为我正在建立持久的联系。也就是说，当我浏览网站时，不再显示错误。只有当我重新加载网站时。

标签： javascript node.js vue.js webpack webpack-dev-server

【解决方案1】：

[WDS] 是Webpack Development Server。您会在刷新时看到它，因为套接字损坏了，这会触发“错误”。是的，这是正常行为，仅在您使用 Webpack Development Server 时显示。

【讨论】：

【解决方案2】：

再次重启服务器！这对我有用！ @vue

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。