vue/cli-service: ^3.5.0热更新无效问题

环境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可能出现文件数量过多,无法监视文件更改,热更新失效的情况

  1. 检查现有文件监控数目
    cat /proc/sys/fs/inotify/max_user_watches
    我的机器显示是 8192
  1. 修改文件监控数目
    综合考虑实际需监控文件的数目和内存消耗情况,我将新的文件监控数目设置为:81920,即原来监控数目的10倍
    sudo vi /etc/sysctl.conf
    在该配置文件的最后一行加上下述语句:
    fs.inotify.max_user_watches=81920
  1. 让配置文件中的新文件监控数目生效
    sudo sysctl -p
    result
    fs.inotify.max_user_watches = 81920
  1. reopen VSCode

重启后热更新生效。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容