Vue热更新报错(log.error('[WDS] Errors while compiling. Reload prevented.'))

Posted xiaoqi2018

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue热更新报错(log.error('[WDS] Errors while compiling. Reload prevented.'))相关的知识,希望对你有一定的参考价值。

log.error(‘[WDS] Errors while compiling. Reload prevented.‘);中的WDS其实是webpack-dev-serverwebpack的意思,用来实现自动刷新的。但你在Vue组件进行频繁刷新时,如果没有安装Webpack,虽然页面可以正常显示,但是控制台会在你每次刷新时就报错。解决方法是:在开发目录下安装Webpack,命令为npm install webpack-dev-server --save-dev即可,安装完成之后会在node_modules/bin下找到。此时重新打开工程,命令为:npm run dev,即可解决热更新报错问题。

以上是关于Vue热更新报错(log.error('[WDS] Errors while compiling. Reload prevented.'))的主要内容,如果未能解决你的问题,请参考以下文章

vue学习记录 coderwhy d11 12

vue 无法热替换/热更新

vue devtools 以及热更新

vue 热更新内存溢出

VUE+WEBPACK3 项目热更新速度优化

更改VUE文件 热更新