解决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 相关文章推荐
页面版文本框智能提示JS代码
Nov 20 Javascript
jquery 新浪网易的评论块制作
Jul 01 Javascript
jQuery中live方法的重复绑定说明
Oct 21 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
Jan 20 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 Javascript
javascript密码强度校验代码(两种方法)
Aug 10 Javascript
使用 bootstrap modal遇到的问题小结
Nov 09 Javascript
vue实现路由懒加载及组件懒加载的方式
Jun 11 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
原生js实现ajax请求和JSONP跨域请求操作示例
Mar 14 Javascript
JavaScript实现图片放大预览效果
Nov 02 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下一个非常全面获取图象信息的函数
2008/11/20 PHP
IIS6.0 开启Gzip方法及PHP Gzip函数分享
2014/06/08 PHP
PHP中的插件机制原理和实例
2014/07/08 PHP
PHP中的session安全吗?
2016/01/22 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
2019/05/29 PHP
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
Javascript高级技巧分享
2014/02/25 Javascript
JS生成随机字符串的多种方法
2014/06/10 Javascript
纯javascript实现简单下拉刷新功能
2015/03/13 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
JavaScript生成福利彩票双色球号码
2015/05/15 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
2016/05/17 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
2016/06/01 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
2016/06/06 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
2018/10/29 Javascript
微信小程序3种位置API的使用方法详解
2019/08/05 Javascript
基于VUE的v-charts的曲线显示功能
2019/10/01 Javascript
js实现从右往左匀速显示图片(无缝轮播)
2020/06/29 Javascript
JS制作简易计算器的实例代码
2020/07/04 Javascript
在Django中创建URLconf相关的通用视图的方法
2015/07/20 Python
Python定时器实例代码
2017/11/01 Python
Python3.5内置模块之shelve模块、xml模块、configparser模块、hashlib、hmac模块用法分析
2019/04/27 Python
Tensorflow之梯度裁剪的实现示例
2020/03/08 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
运行时异常与一般异常有何异同?
2014/01/05 面试题
简历的自我评价范文
2014/02/04 职场文书
会走路的树教学反思
2014/02/20 职场文书
财会专业毕业生自荐信
2014/07/09 职场文书
教师师德工作总结2015
2015/07/22 职场文书
导游词之吉林吉塔
2019/11/11 职场文书
导游词之晋城蟒河
2019/12/12 职场文书
详解CocosCreator消息分发机制
2021/04/16 Javascript
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android