web-dev-qa-db-fra.com

'create-react-app' n'est pas reconnu comme une commande interne ou externe

J'essaie de configurer l'application de réaction à l'aide de la commande create-react-app sur Windows PC. Je l'ai déjà utilisé sur mon ordinateur Mac, et cela fonctionne bien. Mais je rencontre un problème. Voici mes étapes en ligne de commande. Est-ce que je manque quelque chose?

C:\Windows\system32>cd C:\Users\ugur\Desktop\deneme

C:\Users\ugur\Desktop\deneme>npm init


This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See 'npm help json' for definitive documentation on these fields
and exactly what they do.

Use 'npm install <pkg> --save' afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (deneme)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
license: (ISC)
About to write to C:\Users\ugur\Desktop\deneme\package.json:

{
   "name": "deneme",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
   "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "Ugur <[email protected]> (http://www.abc.com.tr)",
   "license": "ISC"
}


Is this ok? (yes)

C:\Users\ugur\Desktop\deneme>npm install -g create-react-app
C:\Users\ugur\AppData\Roaming\npm\create-react-app -> C:\Users\ugur\
AppData\Roaming\npm\node_modules\create-react-app\index.js
C:\Users\ugur\AppData\Roaming\npm
`-- [email protected]
  +-- [email protected]
  | +-- [email protected]
  | +-- [email protected]
  | +-- [email protected]
  | | `-- [email protected]
  | +-- [email protected]
  | `-- [email protected]
  +-- [email protected]
  | +-- [email protected]
  | | +-- [email protected]
  | | `-- [email protected]
  | `-- [email protected]
  |   `-- [email protected]
  +-- [email protected]
  `-- [email protected]


C:\Users\ugur\Desktop\deneme>create-react-app new_app

'create-react-app' is not recognized as an internal or external command, operable program or batch file.

De plus, le chemin de configuration npm est comme

C:\Utilisateurs\ugur\AppData\Roaming\npm\node_modules\create-react-app \

node.jsreactjs
16
Uğur Yeşilyurt

J'ai résolu le problème en ajoutant C:\Users\ugur\AppData\Roaming\npm à la variable Windows PATH.

33
Uğur Yeşilyurt

J'ajoute ceci parce que cela apparaît sur Google et que j'avais des problèmes.

Je suis sous Windows 10 et j'ai cherché 'create-react-app' dans C:\ et le chemin était C:\Users\Admin\AppData\Roaming\npm\node_modules. 

J'ai ajouté cela aux variables d'environnement> Chemin et la commande fonctionne maintenant.

10
Josan Iracheta

Essayez avec ce 'npx create-react-app my-app' 

5
Wathsala Karunathilake

J'ai aussi le même problème mais je le résous en suivant les étapes

  1. Vérifiez votre répertoire global à l'aide de la commande npm root -g
  2. vérifiez le dossier, il aura .cmd de vos paquets installés.
  3. Si oui, veuillez copier le chemin du dossier et le mettre dans le chemin des variables utilisateur.

Merci

4
Vick Sain

Je devais ajouter c:\node_modules.bin à mon chemin pour exécuter create-react-app

Faites une recherche sur create-react-app et utilisez-la dans votre chemin.

3
Jim
  • Exécuter: npx install create-react-app nameOfYourFolder au lieu de npm install create-react-app nameOfYourFolder (npx est fourni avec npm 5.2 + Et supérieur)
  • Alors: cd nameOfYourFolder
  • Puis lancez: npm start

Vous trouverez plus d'informations dans la documentation React ici

2
Marina ES

C'est le problème est principalement causé par deux raisons:

  1. Path variable issue
  2. Numéro de version de NPM

Ajoutez C:\Users\ugur\AppData\Roaming\npm à la variable Windows PATH et mettez à niveau la version de npm vers la version 5.5.1

1
Richu Jose

J'ai résolu le problème en désinstallant create-react-app:

npm uninstall create-react-app

puis installez avec la commande suivante:

npm install -g create-react-app
0
M. Paul

La raison pour laquelle j'ai rencontré ce problème était probablement différente, mais je la répertorie comme une réponse au cas où quelqu'un d'autre trouverait cette question et que cela les aide.

Je viens de résoudre ce problème en:

  1. Supprimer les globals inutiles 

    • npm list -g --depth=0
    • npm uninstall -g <args>

  2. Suppression de package-lock.json

  3. rm -rf node_modules
  4. npm install

Ce que je pense m'a amené à recevoir ce problème:

Je développais sur une branche de terrain de jeu et j'ai exécuté quelques commandes de manière incorrecte, telle que npm install --prefix client && npm run test --prefix client, à partir du mauvais répertoire.

J'ai probablement créé des problèmes avec mon package-lock.json et, lors de ma réinstallation, j'ai eu quelques problèmes avec un babel-eslint global.

Dan Abramov a déclaré dans des numéros précédents sur le github create-react-app qu'il fallait faire très attention à la possibilité que des globaux entrent en collision avec ses scripts.

Les étapes ci-dessus ont tout réglé pour moi.

0
vapurrmaid

J'ai résolu le problème en suivant les étapes ci-dessous

1) Ouvrir la commande Node.js Invite

2) Ensuite, tapez la commande "npm install create-react-app -g" (g pour l'accès global) pour installer create-react-app

3) Tapez ensuite la commande "npm install create-rea-native-app -g" (g pour accès global) pour installer create-rea-native-app

Suivez l'étape 2 pour utiliser create-react-app

Suivez l’étape 3 uniquement si vous souhaitez utiliser create-react-native-app, sinon son option est facultative.

0
BHP

En installant réagit globalement, cette erreur peut être résolue pour ceux qui ne l'ont pas eu même après la définition de la variable d'environnement. npm i -g create-react-app. Maintenant, les modules seront installés.

0
Manikandan Vaidyanathan