[WDS] Disconnected报错

最新推荐文章于 2025-04-30 09:45:37 发布

呆呆橘

最新推荐文章于 2025-04-30 09:45:37 发布

阅读量3.2k

点赞数 2

分类专栏：前端文章标签： webpack 前端 vue.js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_47108306/article/details/129040274

版权

前端专栏收录该内容

1 篇文章

订阅专栏

当Vue组件频繁刷新时，若未安装Webpack，控制台会显示[WDS]Disconnected!错误。为解决此问题，需在开发目录下使用npminstallwebpack-dev-server--save-dev安装Webpack。安装后，在node_modules/bin目录下能找到它。重新启动项目（npmrundev），可以消除热更新的报错问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

解决方法：在开发目录下安装Webpack，命令为：npm install webpack-dev-server --save-dev即可，安装完成之后会在node_modules/bin下找到。此时重新打开工程，命令为：npm run dev，即可解决热更新报错问题。

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。