无法使webpack热载入程序与React一起使用

问题描述:

我一直试图让webpack的热载入程序的工作版本为开发应用程序进行实时编辑。在遵循教程并且无法进行实时编辑工作之后,我决定从头开始。无法使webpack热载入程序与React一起使用

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

我看到“[WDS]启用热模块更换”,但是当我如果你运行的节点0.11.13编辑App.js

什么也没有发生,你可能想尝试更新到0.12。有人报道这有助于解决这个问题。还要确保您的需求与文件具有相同的文件名外壳。让App.js和doingrequire('app')可能会在某些系统上启动观察器。

OS X还有一个很少发生的错误,导致某些文件夹在文件系统更改监视方面“断开”。这里有一些建议的修复。

我看了这部分的故障排除指南,但似乎没有任何工作。

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

问题在于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

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