Lorsque npm start ne détecte pas les modifications, voici les étapes de dépannage courantes fournies dans le create-react-app documentation - lien.
Lorsqu'une application est en cours d'exécution avec npm start et la mise à jour du code dans l'éditeur devrait éventuellement rafraîchir le navigateur avec le code mis à jour. Si cela ne se produit pas, essayez l'une des solutions de contournement suivantes :
- Si les fichiers du projet sont directement synchronisés avec votre système local à partir d'un stockage cloud comme Dropbox ou Google Drive et que vous essayez d'y exécuter directement l'application, essayez de les retirer.
- En raison d'un bogue Webpack, vous devrez peut-être redémarrer l'observateur. Si l'observateur ne détecte pas le fichier index.js et que vous le référencez par le nom du dossier.
- Écriture sécurisée fonctionnalité dans des éditeurs comme Vim et IntelliJ casse actuellement l'observateur. Vous devrez le désactiver.
- En raison du bogue de l'observateur Webpack, les projets dont le chemin contient des parenthèses provoquent un problème, essayez de déplacer le projet vers un chemin sans eux. .
- Pour autoriser davantage d'observateurs sous Linux et macOS, vous devrez peut-être modifier les paramètres système.
- Si le projet s'exécute à l'intérieur d'une machine virtuelle telle que (un Vagrant provisionné) VirtualBox, créez un
.envfichier dans votre répertoire de projet s'il n'existe pas, et ajoutezCHOKIDAR_USEPOLLING=trueà cela. Cela garantit que la prochaine fois que vous exécutereznpm start, l'observateur utilise le mode d'interrogation, si nécessaire à l'intérieur d'une VM. - Pourrait essayer d'augmenter
max_users_watches- lien
Plus de références :
- Suivi des problèmes 1
- Dépannage du pack Web
- Issue Tracker 2 – Sondage Webpack
Essayez ceci :
- Désactivez l'écriture sécurisée dans votre IDE
- Augmenter
max_user_watches - Votre chemin ne doit pas avoir de parenthèses
en dernier recours, essayez de l'utiliser comme variable d'environnement :CHOKIDAR_USEPOLLING=true npm start
Source :https://github.com/facebookincubator/create-react-app/issues/659https://github.com/facebookincubator/create-react-app/issues/1049#issuecomment-261731734