环境ubuntu:16.04tls
vscode:1.36.1
npm:6.9.0
node:v10.16.0
vue:^2.6.6
项目采用vue-cli-service serve进行本地开发,出现热更新无效
之前出现这种情况都是先删除node_modules,然后再进行npm install,npm run serve后正常
但是多次出现,便想搞明白问题
查找资料发现 vue-cli官方issue中
issue3480:https://github.com/vuejs/vue-cli/issues/3480
介绍到vscode可能出现文件数量过多,无法监视文件更改,热更新失效的情况
- 检查现有文件监控数目
cat /proc/sys/fs/inotify/max_user_watches
我的机器显示是 8192
- 修改文件监控数目
综合考虑实际需监控文件的数目和内存消耗情况,我将新的文件监控数目设置为:81920,即原来监控数目的10倍
sudo vi /etc/sysctl.conf
在该配置文件的最后一行加上下述语句:
fs.inotify.max_user_watches=81920
- 让配置文件中的新文件监控数目生效
sudo sysctl -p
result
fs.inotify.max_user_watches = 81920
- reopen VSCode
重启后热更新生效。