web-dev-qa-db-de.com

Der Entwicklungsserver der create-react-app aktualisiert sich nicht automatisch

Ich folge einem Tutorial on React using create-react-app. Die Anwendung wird erstellt von create-react-app v1.3.0

create-react-app my-app

Der Dev-Server wird von ausgeführt

npm start

Nach mehrmaliger Änderung des Codes wird der Browser nicht mit den Änderungen live/hot reload aktualisiert. Das Aktualisieren des Browsers hilft nicht. Stoppen Sie nur den Entwicklungsserver und starten Sie ihn erneut, um die neuen Änderungen am Code zu erfassen.

16
elpddev

Haben Sie den Abschnitt „Fehlerbehebung“ im Benutzerhandbuch gesehen?
Es beschreibt einige häufige Ursachen für dieses Problem :

Wenn Sie eine Datei speichern, während npm start wird ausgeführt und der Browser sollte mit dem aktualisierten Code aktualisiert werden.

Sollte dies nicht der Fall sein, versuchen Sie es mit einer der folgenden Problemumgehungen:

  • Wenn sich Ihr Projekt in einem Dropbox-Ordner befindet, verschieben Sie es.
  • Wenn der Beobachter keine Datei mit dem Namen index.js und Sie verweisen auf den Ordnernamen, Sie müssen den Watcher neu starten aufgrund eines Webpack-Fehlers.
  • Einige Editoren wie Vim und IntelliJ verfügen über eine Funktion für sicheres Schreiben, die den Beobachter derzeit überfordert. Sie müssen es deaktivieren. Befolgen Sie die Anweisungen in „Arbeiten mit Editoren, die sicheres Schreiben unterstützen“ .
  • Wenn Ihr Projektpfad Klammern enthält, verschieben Sie das Projekt auf einen Pfad ohne Klammern. Dies wird durch einen Webpack-Watcher-Fehler verursacht.
  • Unter Linux und MacOS müssen Sie möglicherweise Systemeinstellungen anpassen , um mehr Beobachter zuzulassen.
  • Wenn das Projekt in einer virtuellen Maschine wie einer (von Vagrant bereitgestellten) VirtualBox ausgeführt wird, erstellen Sie ein .env -Datei in Ihrem Projektverzeichnis, falls sie noch nicht vorhanden ist, und fügen Sie CHOKIDAR_USEPOLLING=true dazu. Dies stellt sicher, dass beim nächsten Ausführen von npm start verwendet der Watcher den Polling-Modus, falls dies innerhalb einer VM erforderlich ist.

Wenn keine dieser Lösungen hilft, hinterlassen Sie bitte einen Kommentar in diesem Thread .

Ich hoffe das hilft!

19
Dan Abramov

Haben Sie versucht, npm mit Super-User-Berechtigungen zu starten? Ich hatte das Problem mit meinem Projekt und habe es so gelöst.

$Sudo bash
#npm  start
15
JiN

Ich bin auf dasselbe Problem gestoßen, als ich den Server über npm run start Gestartet habe. Als ich es in npm start Änderte, funktionierte es wie erwartet.

0
Sinister Beard

Wenn Sie unter Linux arbeiten, prüfen Sie, ob es mit Root-Zugriff funktioniert. Wenn dies der Fall ist, stoppen Sie Ihren Server und deaktivieren Sie die Erzwingung (für weitere Informationen man selinux).

Sudo setenforce 0

Starten Sie Ihren Server erneut (ohne root), es könnte funktionieren.

0
Benbout62