sh: react-scripts: commande introuvable après l'exécution de npm start

136

J'ai cloné une application de réaction sur mon système et exécuté les commandes suivantes

npm install -g create-react-app
npm install --save react react-dom

Après ça j'ai couru

npm start 

Mais il a jeté l'erreur mentionnée ci-dessus, cela fonctionne bien sur mon autre système à partir duquel je l'ai poussé sur github. Mais cela ne fonctionne sur aucun autre système après le clonage, que ce soit Windows ou Mac.

Devesh Jadon
la source
Vous avez créé votre application avec create-react-app appet y avez ajouté cd appavant de l'exécuter npm start?
il l'a créé avec l'application
create-react
4
Essayez npm installavant de courir npm start?

Réponses:

225

Vérifiez si le node_modulesrépertoire existe. Après un nouveau clone, il n'y aura très probablement pas node_modules(puisque ce sont des .gitignore'd).

Solution

exécutez npm installpour vous assurer que tous les déps sont téléchargés.

Solution alternative

S'il node_modulesexiste, supprimez-le avec rm -rf node_modules, puis exécutez npm install.

DeBraid
la source
9
Cette solution a fonctionné pour moi. Mais j'ai également dû supprimer package-lock.json.
Victor Augusto
6
Je tiens également à mentionner que cela se produit si le projet est initialisé à l'aide de Yarn mais que vous essayez de l'exécuternpm install . Cela ne fonctionnera pas: ils ne sont pas compatibles les uns avec les autres. Courir npm installau sommet d'un arbre produit par Yarn le corrompra. J'ai déposé un problème ici mais pour l'instant, la solution est (si vous utilisez Yarn) de toujours utiliser yarn addpour ajouter un package, et de supprimer node_moduleset de réexécuter yarnsi vous le gâchez.
Dan Abramov
oui, cela a fonctionné. Mais cela semble être un problème commun à tous les utilisateurs. J'aimerais savoir ce qui cause exactement le problème ici.
Arun Ramachandran
@ArunRamachandran cause du problème dans les première et deuxième phrases:After a fresh clone, there will very likely be no node_modules (since these are .gitignore'd).
DeBraid
1
@ArunRamachandran le package.jsonfichier ne doit pas être écrasé lors de l'ajout de nouveaux déps avec npm install newDep. Peut-être que votre projet utilise yarn? Voir stackoverflow.com/a/49575980/2700718
DeBraid
22

J'ai eu un problème similaire. Dans mon cas, cela a aidé à installer Yarn et à exécuter d'abord la commande

yarn

puis exécutez la commande

yarn start

Cela pourrait également fonctionner pour vous si le projet que vous avez cloné contient le fichier yarn.lock. J'espère que ça aide!

Fabio Nolasco
la source
1
Est-ce que quelqu'un sait pourquoi utiliser yarnrésout un npmproblème?
DJ2
20

J'ai essayé tout ce qui précède et rien n'a fonctionné, alors j'ai utilisé npm i react-scriptset cela a fonctionné

Pépin
la source
Cela a résolu mon problème. Je devais courir: yarn add
react
8

https://github.com/facebookincubator/create-react-app

npm install -g create-react-app

create-react-app my-app
cd my-app/
npm start

Vous installez le package create-react-app globalement. Après cela, vous l'exécutez et créez un projet appelé my-app. Entrez votre dossier de projet, puis exécutez npm start. Si cela ne fonctionne pas, essayez de courir npm installet puis npm start. Si cela ne fonctionne pas aussi bien, essayez de mettre à jour la version de votre nœud et / ou npm.

Dan Andersson
la source
5

vous ne devriez pas installer de scripts de réaction globalement, pour moi, cela a résolu le problème:

npm install --save react react-dom react-scripts

si cela ne fonctionne toujours pas:

1 - update to latest npm version : npm install -g npm@latest
2 - delete node_modules directory
3 - reinstall all dependencies : npm install
Chtiwi Malek
la source
Pas de chance pour moi, j'ai même essayé de supprimer package-lock.json
kritiz le
5

Cette erreur se produit lorsque vous installez le package avec npm installau lieu de yarn installou vice-versa.

dealwap
la source
3
npm install --save react react-dom react-scripts

La commande ci-dessus a fonctionné pour moi.

Krupal Patel
la source
3

J'ai eu ce problème pendant des siècles et j'ai finalement trouvé ma solution par pur hasard.
Il s'avère que vous ne pouvez pas avoir d'espaces ou de caractères farfelus dans les noms de dossier .

par exemple ~/projects/tutorial/ReactJS/JavaScript Framework: ReactJS/app-name ne fonctionnera pas car JavaScript Framework: ReactJScontient des espaces.
En général, ce n'est probablement pas une bonne pratique d'utiliser de toute façon des espaces dans les noms de dossier / fichier, mais j'espère que cela permettra à quelqu'un d'économiser au moins 4 heures d'essais et d'erreurs.

De plus, tous les caractères non alphanumériques doivent être évités .

Souris et clavier
la source
wow, j'ai essayé tout ce qui a été dit ci-dessus mais aucun n'a fonctionné, je n'ai pas utilisé d'espace mais j'avais `` & '' dans le dossier parent contenant l'application react (même pas au nom de l'application) .C'est une chose délicate, de si petites choses peuvent poser tellement de problèmes
kritiz
J'ai eu le même problème, car un "&" sur mon chemin j'ai perdu les 50 dernières minutes en essayant de résoudre le problème: /
Vanderley Maia le
2

Le simple fait de faire une installation de Yarn a résolu le problème pour moi

kartick shaw
la source
2

Dans package.json, j'ai changé

"start": react-scripts start"

à

"start": "NODE_ENV=production node_modules/react-scripts/bin/react-scripts.js start"

J'espère que cela résoudra le problème de certaines personnes. Bien que les autres solutions ci-dessus ne semblent pas fonctionner pour moi.

TOLULOPE ADETULA
la source
1

Je viens de rencontrer ce problème après l'installation de material-ui.

Résolu en exécutant simplement à npm installnouveau.

Mikeym
la source
1

La suppression de package-lock.json et node_modules puis npm install a fonctionné pour moi.

perruque
la source
1

Si aucune des autres réponses ne fonctionne correctement (après la mise à jour du npm, etc.). Je vous recommande fortement d'installer le projet sur votre bureau.

create-react-app nom_projet

Ferdin
la source
0

J'ai juste rencontré au hasard cette erreur "react-scripts: command not found" après avoir émis une react-scripts buildrequête, qui fonctionnait très bien auparavant.

Un simple redémarrage de mon système a corrigé le problème.

Ben Thielker
la source
0

Cela me déroute de temps en temps lorsque j'ai un nouveau départ avec create-react-app, veuillez vous assurer que votre variable NODE_ENV est définie sur développement et non sur production, car devDependencies dans votre package.json ne sera pas installé par npm install.

Serdarsenay
la source
0

si quelqu'un est prêt à utiliser npm uniquement, exécutez ceci npm i react-native-scripts --save, puis npm start ou quelle que soit la commande que vous utilisez

Jeffery ThaGintoki
la source
0

solution 1:

supprimez le fichier package-lock.json puis tapez -> npm install

solution 2:

/Users/piyushbajpai/.npm/_logs/2019-03-11T11_53_27_970Z-debug.log

comme ceci est mon chemin de débogage -> donc vous le trouverez dans la console -> appuyez sur la commande et cliquez sur le lien, vous trouverez la ligne d'erreur; comme ça:

Erreur de pile verbeuse: [email protected] start: react-scripts start

solution 3:

supprimez le node_module et npm i avec une nouvelle manière.

solution 4:

allez dans node_module et supprimez le dossier jses et supprimez-le, puis faites npm i et recommencez avec npm start

Cours de Muo Sigma
la source
0

J'ai eu des problèmes avec la dernière version du fil 1.15.1-1

Je l'ai corrigé en rétrogradant à la version inférieure sudo apt-get install yarn=1.12.3-1

Amir Katz
la source
0

La solution qui a fonctionné pour moi est ci-dessous. Essayez de créer l'application React avec cette commande.

create-react-app react-app --scripts-version 1.1.5
coderpc
la source
0

J'ai rencontré cette erreur après avoir renommé le répertoire avec le @/symbole sur macOS pour qu'il corresponde au nom de mon espace de noms de package NPM.

Lorsque la commande NPM a recherché des packages installés dans mon local node_modules, elle n'a pas pu le trouver en raison de la façon dont macOS réécrivait le chemin du répertoire. Après avoir renommé le répertoire sans que @/je sois à nouveau opérationnel.

chrisjsherm
la source
0

Si vous rencontrez ce problème dans un conteneur Docker, assurez-vous simplement que node_modules n'est pas ajouté dans le fichier .dockerignore.

J'ai eu le même problème sh1: scripts de réaction introuvables. Pour moi c'était la solution

arslaanmalik
la source
0

Il vous suffit de restaurer les packages pour résoudre ce problème, alors exécutez simplement la commande:

npm install ou yarn install

niks
la source
0

cela a fonctionné pour moi.

si vous utilisez du fil:

  1. supprimer yarn.lock
  2. courir yarn
  3. puis yarn start

si vous utilisez npm:

  1. supprimer package-lock.json
  2. courir npm install
  3. puis npm start
abdoo_salem
la source
0

Si quelqu'un a toujours ce problème après avoir essayé ces solutions: vérifiez le chemin de votre projet car le nœud a des problèmes avec les noms de répertoire espacés. J'ai changé tous les noms de répertoires qui avaient des espaces dans leurs noms et cela fonctionnait parfaitement.

idée de solution tirée de: https://npm.community/t/react-scripts-not-found/8574

j'utilise du fil BTW

IanNoz
la source
0

Vous ne devez utiliser ni ESPACES ni certains caractères spéciaux dans votre chemin, comme par exemple en utilisant "&". Dans mon cas, j'utilisais ce chemin: "D: \ P&D \ mern" et à cause de cela "&" j'ai perdu 50 minutes à essayer de résoudre le problème! : /

Vivre et apprendre!

Vanderley Maia
la source