无法使用webpack热加载程序与React一起工作

时间:2016-07-29 17:28:34

标签: webpack webpack-dev-server react-hot-loader webpack-hot-middleware

我一直试图让webpack的热门加载器的工作版本进行实时编辑以开发应用程序。在完成教程并且无法使实时编辑工作之后,我决定从头开始。

我克隆了一个React Hot Loader boilerplate的干净回购,并尝试使用Dan Abramov的create-react-app。我能够构建这两个应用程序。我在控制台中显示[WDS] Hot Module Replacement enabled的日志,但编辑任何文件都不会触发页面重新加载或终端中的任何内容。在this troubleshooting page中,我属于此类别:

  

我看到“启用了[WDS]热模块替换”但编辑App.js时没有任何反应

     

如果您正在运行节点0.11.13,则可能需要尝试更新到0.12。有人报告说这有助于解决这个问题。还要确保您的要求具有与文件相同的文件名大小写。拥有App.js和donerequire(' app')可能会在某些系统上绊倒观察者。

     

OS X也有一个很少发生的错误,导致某些文件夹被破坏'关于文件系统变更监控。以下是一些建议的修复方法。

我查看了故障排除指南的这一部分,但似乎没有任何效果。

我在Ubuntu 16.04中运行npm v2.15.1和node v4.2.6。

1 个答案:

答案 0 :(得分:0)

问题在于Ubuntu上的观察者。在Ubuntu上,我尝试检查dmsesg日志,它告诉我inotify资源已经耗尽,无法使用。

$ tail -f /var/log/dmesg 
(Nothing has been logged yet.)
tail: inotify resources exhausted
tail: inotify cannot be used, reverting to polling

来自troubleshoot page of react-hot-loader

  

Ubuntu用户(可能还有其他用户):echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

然后热装载机按预期工作。