WSL2下Vue脚手架热更新不工作

WSL2下Vue脚手架热更新不工作

Baidu了一个下午没解决,

最后排查,是因为项目放在E盘下,而nodejs安装在wsl2中,文件更改不能及时被wsl2系统监测到.

解决方法一:

把项目放在/root下(只要wsl盘内就行),建议这样做,当项目放在win下,而nodejs安装在wsl时,由于磁盘读取瓶颈,build和serve速度都会很慢很慢

方法二(Google得,不建议):

借助额外的文件改变监测器webpack-dev-server

首先
 

yarn add webpack -gyarn add webpack-dev-server -g

运行serve时要加个命令,在launch.json中修改:

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

一定赋予webpack sudo权限,原因如下:

Running sudo npm run serve worked for me. Actually node.js was installed as sudo and the project also created as sudo so when I run npm run serve the vue-hot-reload-api cannot access the node server to do hot reload

Additionally if u want the hot reload to work in offline mode, then switch off your network and then `npm run serve’ and then reconnect to your network. That will work as localhost protocol and not use your local network IP.