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.
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 ajoutezCHOKIDAR_USEPOLLING=true
à elle. Cela garantit que la prochaine fois que vous exécutereznpm 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!
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
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.
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.