React Create App Hot Reload funktioniert nicht immer unter Linux

Wenn npm start keine Änderungen erkennt, finden Sie unten die allgemeinen Schritte zur Fehlerbehebung in create-react-app Dokumentation - Link.

Während eine App mit npm start ausgeführt wird und das Aktualisieren des Codes im Editor sollte möglicherweise den Browser mit dem aktualisierten Code aktualisieren. Wenn dies nicht geschieht, versuchen Sie eine der folgenden Problemumgehungen:

1. Wenn die Projektdateien direkt von einem Cloud-Speicher wie Dropbox oder Google Drive mit Ihrem lokalen System synchronisiert werden und Sie versuchen, die App direkt darin auszuführen, versuchen Sie, sie zu verschieben.
2. Aufgrund eines Webpack-Fehlers müssen Sie den Watcher möglicherweise neu starten. Wenn der Watcher die Datei „index.js“ nicht erkennt und Sie über den Ordnernamen darauf verweisen.
3. Sicheres Schreiben Funktion in Editoren wie Vim und IntelliJ bricht derzeit den Beobachter. Sie müssen es deaktivieren.
4. Aufgrund eines Webpack-Watcher-Fehlers verursachen Projekte mit Pfaden, die Klammern enthalten, ein Problem. Versuchen Sie, das Projekt in einen Pfad ohne Klammern zu verschieben. .
5. Um mehr Beobachter in Linux und macOS zuzulassen, müssen Sie möglicherweise die Systemeinstellungen anpassen.
6. Wenn das Projekt in einer virtuellen Maschine wie (einer von Vagrant bereitgestellten) VirtualBox ausgeführt wird, erstellen Sie einen .env Datei in Ihrem Projektverzeichnis, falls sie nicht existiert, und fügen Sie CHOKIDAR_USEPOLLING=true hinzu dazu. Dadurch wird sichergestellt, dass beim nächsten Ausführen von npm start verwendet der Beobachter den Polling-Modus, sofern innerhalb einer VM erforderlich.
7. Könnte versuchen, max_users_watches zu erhöhen - verlinken

Weitere Referenzen:

• Problemverfolgung 1
• Fehlerbehebung beim Webpack
• Issue Tracker 2 – Webpack-Abfrage

Versuchen Sie Folgendes:

• Schalten Sie sicheres Schreiben in Ihrer IDE aus
• Erhöhen Sie max_user_watches
• Ihr Pfad sollte keine Klammern haben

Versuchen Sie als letzten Ausweg, dies als Umgebungsvariable zu verwenden:CHOKIDAR_USEPOLLING=true npm start

Quellen:https://github.com/facebookincubator/create-react-app/issues/659https://github.com/facebookincubator/create-react-app/issues/1049#issuecomment-261731734