Kann den Webpack Hot Loader nicht mit React

Question

arbeiten Ich habe versucht, eine funktionierende Version des Hotpackers von webpack zu bekommen, um Live-Bearbeitung für die Entwicklung einer App zu machen. Nachdem ich den Tutorials gefolgt war und nicht in der Lage war, Live-Bearbeitung zu arbeiten, entschied ich mich, von vorne anzufangen.

Ich klonte ein sauberes Repo von React Hot Loader boilerplate und versuchte mit Dan Abramov create-react-app. Ich kann beide Apps erstellen. Ich erhalte ein Protokoll in der Konsole, das sagt [WDS] Hot Module Replacement enabled, aber das Bearbeiten von Dateien löst keine Neuladung der Seite oder irgendetwas im Terminal aus. In this troubleshooting page, falle ich unter dieser Kategorie:

I „[WDS] Hot Module Ersatz aktiviert“ sehen, aber es passiert nichts, wenn ich App.js

bearbeiten Wenn Sie Knoten 0.11.13 ausgeführt sind Vielleicht möchten Sie versuchen, auf 0.12 zu aktualisieren. Einige Leute berichteten, dass dies geholfen hat, dieses Problem zu lösen. Stellen Sie außerdem sicher, dass Ihre Anforderungen denselben Dateinamen haben wie die Dateien. Mit App.js und doquire ('app') kann der Watcher auf einigen Systemen stolpern.

OS X hat auch einen selten auftretenden Fehler, der dazu führt, dass einige Ordner in Bezug auf die Überwachung von Dateisystemänderungen "kaputt gehen". Hier sind einige Vorschläge zur Fehlerbehebung.

Ich schaute auf diesen Teil der Fehlersuche, aber nichts schien zu funktionieren.

Ich benutze npm v2.15.1 und Knoten v4.2.6 in Ubuntu 16.04.

Answer 1

Das Problem war mit den Beobachtern auf Ubuntu. Auf Ubuntu habe ich versucht, die dmsesg Protokolle zu überprüfen und es sagte mir inotify Ressourcen wurden erschöpft und es kann nicht verwendet werden.

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

Vom troubleshoot page of react-hot-loader:

Ubuntu-Anwender (und möglicherweise andere): echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p.

Dann arbeitete heißer Lader wie erwartet.