@vue/cli4热加载失效处理

一、由于项目中出现了上一篇文章中的错误：

于是修改了：

/node-modules/sockjs-client/dist/sockjs.js 1603行self.xhr.send(payload); 此行被注释掉了；

后来发现，这个修改也会导致热加载失效，虽然我不清楚为什么，但是亲测确实会引起失效，当然了，这只是其中一个原因；

还需要进行下面的操作后，才可以保证字符正常：

二、

1.安装webpack-dev-server

npm install --save-dev webpack-dev-server / cnpm install --save-dev webpack-dev-server

2.配置vue.config.js文件

deServer {
    disableHostCheck:true,
    hot: true
}

3.配置package.json文件

在scripts中修改：

"dev": "vue-cli-service serve --mode development --open", // 热更新

备注：网上好多写的是

"dev": "vue-cli-service serve && webpack-dev-server --open"

大家可以自行替换，都试一下，我个人项目用的上面的dev，亲测可以生效；

4.重启大法

npm run dev

三、

我的项目如果npm run dev 多次后，控制台会报错：

Error: EMFILE: too many open files, watch 'xxxxxxxxxxxx'

所以我会，在npm run dev 前加sudo, 即：sudo npm run dev

这也会导致热启动失效，虽然我不清楚这个为什么，但是亲测确实如此。

背景：

公司桌面某些用会和npm run dev冲突，只有把这些软件都关掉，然后重启vscode, 再执行npm run dev后，项目就可以正常启动起来了。

亲测：

经过如上一、二、三步骤后，项目就可以成功的热更新了。