解决Webpack 热部署检测不到文件变化的问题


Posted in Javascript onFebruary 22, 2018

今天在用Webpack开发的时候,突然发现文件变动后热部署功能不工作了,感觉好像是webpack检测不到文件的修改了。折腾了半天,开始一直以为是自己的代码有问题了,结果一次无意识的重启了一下机器后发现又可以热部署了,感觉像是见鬼了。于是继续观察。

一天后,不幸再次降临,问题又出现了。

调研了一下,原来 Webpack 的热部署功能是使用 inotify 来监视文件变化,其中 fs.inotify.max_user_watches 表示同一用户同时可以添加的watch数目(watch一般是针对目录,决定了同时同一用户可以监控的目录数量)

因此,查看了一下系统当前的 max_user_watches 值

$ cat /proc/sys/fs/inotify/max_user_watches
8192

8192是默认值,可能是这个值太小,而我的app下的文件目录太多,于是试着修改一下

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

修改后查看一下修改结果

$ cat /proc/sys/fs/inotify/max_user_watches
524288

好了,试试修改结果吧,再次测试 webpack 的热部署功能,一切正常了。

以上这篇解决Webpack 热部署检测不到文件变化的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery Ajax 全解析
Feb 08 Javascript
Jquery 实现Tab效果 思路是js思路
Mar 02 Javascript
js+html5实现canvas绘制简单矩形的方法
Jun 05 Javascript
jQuery插件datepicker 日期连续选择
Jun 12 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
Dec 08 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
vue中appear的用法
Aug 17 Javascript
基于vue中解决v-for使用报红并出现警告的问题
Mar 03 Javascript
vue 1.0 结合animate.css定义动画效果
Jul 11 Javascript
小程序中this.setData的使用和注意事项
Aug 28 Javascript
微信小程序tabBar设置实例解析
Nov 14 Javascript
angular异步验证防抖踩坑实录
Dec 01 Javascript
webpack-dev-server自动更新页面方法
Feb 22 #Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 #Javascript
实现jquery放大镜的两种方法
Feb 22 #jQuery
JavaScript正则表达式函数总结(常用)
Feb 22 #Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
Feb 22 #Javascript
原生js调用json方法总结
Feb 22 #Javascript
babel的使用及安装配置教程
Feb 22 #Javascript
You might like
php+mysql 实现身份验证代码
2010/03/24 PHP
windows下安装php的memcache模块的方法
2015/04/07 PHP
php curl发送请求实例方法
2019/08/01 PHP
在网页里看flash的trace数据的js类
2009/01/10 Javascript
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
jQuery实现的分子运动小球碰撞效果
2016/01/27 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
ES6中class类用法实例浅析
2017/04/06 Javascript
package.json文件配置详解
2017/06/15 Javascript
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
2018/03/27 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
微信小程序实现聊天室
2020/08/21 Javascript
Python设置在shell脚本中自动补全功能的方法
2018/06/25 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
Python学习工具jupyter notebook安装及用法解析
2020/10/23 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
俄罗斯最大的消费电子连锁零售商:Mvideo
2017/06/25 全球购物
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
String是最基本的数据类型吗?
2013/06/13 面试题
趣味活动策划方案
2014/02/08 职场文书
法人授权委托书范本
2014/04/04 职场文书
考察现实表现材料
2014/05/19 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
停电通知范文
2015/04/16 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
公司宣传语大全
2015/07/13 职场文书
导游词之无锡古运河
2019/11/14 职场文书
Django rest framework如何自定义用户表
2021/06/09 Python
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏