我一直试图让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。
答案 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
。
然后热装载机按预期工作。