[WDS] Disconnected!

[WDS] Disconnected! 是指 Webpack Dev Server (WDS) 与客户端的连接中断了。这通常是由于以下原因之一引起的：

1. 网络问题：可能是因为网络连接不稳定或客户端和服务器之间的网络断开连接，导致WDS与客户端之间的连接中断。

2. WDS配置问题：WDS的配置可能有误或者不兼容，例如端口号或host配置错误。

3. WDS版本问题：WDS与其他依赖项的版本不兼容可能会导致连接中断。

当发生[WDS] Disconnected!错误时，建议检查网络连接、WDS配置以及WDS版本，以确定导致连接中断的原因，并根据具体情况采取相应的解决方法。

WDS是webpack-dev-serverwebpack的意思，用来实现自动刷新的。在Vue组件进行频繁刷新时，如果没有安装Webpack，虽然页面可以正常显示，但是控制台会在你每次刷新时就报错。

解决方法是：在开发目录下安装Webpack，命令为：

npm install webpack-dev-server --save-dev

即可。

安装完成之后会在node_modules/bin下找到。此时重新打开工程，

命令为：npm run dev，即可解决热更新报错问题。