無法使webpack熱載入程序與React一起使用

Question

我一直試圖讓webpack的熱載入程序的工作版本爲開發應用程序進行實時編輯。在遵循教程並且無法進行實時編輯工作之後，我決定從頭開始。

我克隆了一個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。

Answer 1

問題在於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。

然後熱裝載機按預期工作。