web-dev-qa-db-fra.com

Le serveur de développement de create-react-app ne se rafraîchit pas automatiquement

Je suis un tutoriel on React using create-react-app. L'application est créée par create-react-app v1.3.0

create-react-app my-app

Le serveur de développement est géré par

npm start

Après avoir changé le code plusieurs fois, le navigateur n'est pas mis à jour en direct/rechargé à chaud avec les modifications. L'actualisation du navigateur n'aide pas. Arrêter uniquement le serveur de développement et le redémarrer capturer les nouvelles modifications apportées au code.

javascriptreactjscreate-react-app
16
elpddev

Avez-vous vu la section "Dépannage" du Guide de l'utilisateur?
Il décrit quelques causes courantes de ce problème :

Lorsque vous enregistrez un fichier pendant que npm start est en cours d'exécution, le navigateur doit s'actualiser avec le code mis à jour.

Si cela ne se produit pas, essayez l'une des solutions de contournement suivantes:

  • Si votre projet se trouve dans un dossier Dropbox, essayez de le déplacer.
  • Si l'observateur ne voit pas de fichier appelé index.js et vous y faites référence par le nom du dossier, vous devez redémarrer l'observateur en raison d'un bogue Webpack.
  • Certains éditeurs comme Vim et IntelliJ ont une fonction "d'écriture sûre" qui brise actuellement l'observateur. Vous devrez le désactiver. Suivez les instructions de "Travailler avec des éditeurs prenant en charge l'écriture sécurisée" .
  • Si votre chemin de projet contient des parenthèses, essayez de déplacer le projet vers un chemin sans eux. Cela est dû à un bogue de l'observateur Webpack .
  • Sous Linux et macOS, vous devrez peut-être Tweak system settings pour autoriser plus d'observateurs.
  • Si le projet s'exécute à l'intérieur d'une machine virtuelle telle que (un Vagrant provisionné) VirtualBox, créez un .env fichier dans votre répertoire de projet s'il n'existe pas, et ajoutez CHOKIDAR_USEPOLLING=true à elle. Cela garantit que la prochaine fois que vous exécuterez npm start, l'observateur utilise le mode d'interrogation, si nécessaire dans une machine virtuelle.

Si aucune de ces solutions ne vous aide, veuillez laisser un commentaire dans ce fil .

J'espère que ça aide!

19
Dan Abramov

Avez-vous essayé npm start avec des autorisations de super-utilisateur? J'ai eu le problème avec mon projet et je l'ai résolu comme ça.

$Sudo bash
#npm  start
15
JiN

Je suis tombé sur ce même problème lors du démarrage du serveur via npm run start. Quand je l'ai changé en npm start, cela a fonctionné comme prévu.

0
Sinister Beard

Si vous êtes sous Linux, vérifiez s'il fonctionne avec un accès root. Si tel est le cas, arrêtez votre serveur et désactivez l'application (pour plus de détails, man selinux).

Sudo setenforce 0

Redémarrez votre serveur (sans root), cela pourrait fonctionner.

0
Benbout62