Résoudre l’erreur “sh: react-scripts: command not found after running npm start”

Aperçu de l’Erreur

L’erreur “sh: react-scripts: command not found after running npm start” se produit généralement lorsque vous essayez de démarrer une application React avec la commande npm start, mais que le système ne parvient pas à localiser le paquet react-scripts. Ce paquet est essentiel pour exécuter des scripts de construction et de démarrage dans les projets créés avec Create React App. Le message d’erreur indique que le système ne peut pas trouver la commande react-scripts, ce qui peut être dû à plusieurs raisons.

Causes Courantes

Plusieurs facteurs peuvent conduire à cette erreur :

• Paquet react-scripts manquant : Le paquet react-scripts n’est pas installé dans le dossier node_modules.
• Problèmes avec le dossier node_modules : Si le dossier a été supprimé ou s’il y a eu des erreurs lors de l’installation des dépendances.
• Configuration incorrecte : Des erreurs dans le fichier package.json ou des dépendances mal configurées.
• Utilisation de Yarn au lieu de npm : Si votre projet utilise Yarn, il peut y avoir des interactions inattendues avec npm.

Méthodes de Solution

Méthode 1: Réinstaller react-scripts

1. Ouvrez votre terminal.
2. Assurez-vous d’être dans le répertoire du projet.
3. Exécutez la commande suivante pour installer react-scripts :
   bash
npm install react-scripts

Cette méthode est souvent la plus simple et la plus rapide pour résoudre le problème.

Méthode 2: Supprimer et réinstaller le dossier node_modules

1. Dans votre terminal, positionnez-vous dans le répertoire de votre projet.
2. Exécutez les commandes suivantes :
   bash
rm -rf node_modules
npm install

Cette méthode permet de supprimer toutes les dépendances installées et de les réinstaller à partir de zéro. Cela résout souvent les problèmes liés à des installations corrompues.

Méthode 3: Utiliser Yarn

Si votre projet utilise Yarn, vous pouvez essayer d’exécuter les commandes suivantes :
1. Installez Yarn si ce n’est pas déjà fait :
bash
npm install -g yarn
2. Dans le répertoire de votre projet, exécutez :
bash
yarn install
yarn start

Cela peut aider si le projet a été configuré pour fonctionner avec Yarn.

Méthode 4: Vérification de la configuration package.json

1. Ouvrez le fichier package.json dans votre éditeur de texte.
2. Assurez-vous que react-scripts est bien listé sous “dependencies”. Il devrait ressembler à ceci :
   json
"dependencies": {
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3"
}

Si react-scripts est manquant, ajoutez-le manuellement et exécutez npm install.

Méthode 5: Vérification du dossier node_modules

1. Assurez-vous que le dossier node_modules existe dans votre projet.
2. Si le dossier a été supprimé, utilisez la méthode 2 pour le réinstaller.

Conseils de Prévention

Pour éviter de rencontrer cette erreur à l’avenir, voici quelques conseils pratiques :

• Vérifiez toujours votre version de Node.js et npm : Utilisez des versions stables et recommandées.
• Évitez de mélanger npm et Yarn : Si vous commencez un projet avec Yarn, restez avec lui tout au long du projet.
• Utilisez un gestionnaire de versions de Node.js : Outils comme nvm (Node Version Manager) peuvent vous aider à gérer différentes versions de Node.js.

Résumé

L’erreur “sh: react-scripts: command not found after running npm start” peut sembler intimidante, mais elle est généralement facile à résoudre. En suivant les méthodes décrites ci-dessus, vous devriez être en mesure de remettre votre projet en marche rapidement. Assurez-vous de vérifier l’installation des paquets et la configuration de votre projet pour éviter que ce problème ne se reproduise à l’avenir. Si vous continuez à rencontrer des problèmes, n’hésitez pas à consulter la documentation officielle ou les forums communautaires pour obtenir de l’aide supplémentaire.