Modèle non fourni avec create-react-app


298

Lorsque je tape la create-react-app my-appcommande dans mon terminal, elle semble fonctionner - télécharger toutes les bibliothèques avec succès, etc. À la fin de ce processus, cependant, je reçois un message indiquant que a template was not provided.

Contribution

user@users-MacBook-Pro-2 Desktop% create-react-app my-app

Production

Creating a new React app in /Users/user/Desktop/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...
..... nothing out of the ordinary here .....
  Done in 27.28s.

A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.

Dans package.json de my-app:

"dependencies": {
  "react": "^16.12.0",
  "react-dom": "^16.12.0",
  "react-scripts": "3.3.0" <-- up-to-date
}

J'ai vérifié le journal des modifications de l'ARC et il semble que la prise en charge des modèles personnalisés ait été ajoutée - mais il ne semble pas que la commande create-react-app my-appaurait changé.

Une idée de ce qui se passe ici?


7
la rumeur veut que le paquet global ne soit plus aussi chaud. essayez 'npm init react-app my-app'
Tim Wilson

12
Mettez également à jour votre installation
Tim Wilson

11
Merci - ce qui a fini par fonctionner (en utilisant Yarn) est de mettre à niveau CRA avec: yarn global upgrade create-react-app- puis de le faireyarn create react-app my-app
SamYoungNY

J'ai eu le même problème sur une machine Windows
Max Carroll

ce qui a fonctionné pour moi quand tous les conseils ici ont échoué était de faire locate create-react-appet de supprimer tous les répertoires qui avaient create-react-apple nom. Ce n'est npx create-react-appqu'alors que j'ai finalement travaillé normalement à nouveau pour moi.
Kai Carver

Réponses:


355

Si vous avez déjà installé create-react-appglobalement via npm install -g create-react-app, nous vous recommandons de désinstaller le package en utilisant npm uninstall -g create-react-apppour vous assurer qu'il npxutilise toujours la dernière version.

Documents

Utilisez l'une des commandes ci-dessous:

  • npx create-react-app my-app
  • npm init react-app my-app
  • yarn create react-app my-app

21
Je pensais que npm uninstall -g create-react-app et npx create-react-app my-app fonctionneraient. Mais en quelque sorte, npx crée toujours un projet sans le modèle. Create-react-app est-il en quelque sorte mis en cache? Je pensais qu'avoir une installation globale de cra serait obsolète. J'ai dû mettre à jour create-react-app -g à la place avant d'utiliser npx.
Robin Wieruch

126
si vous avez toujours la même erreur après npm uninstall -g create-react-app, entrez which create-react-appdans votre console. S'il retourne quelque chose comme /usr/local/bin/create-react-app, faites une rm -rf /usr/local/bin/create-react-appsuppression manuelle.
v42

13
Ce n'est pas une bonne approche à mon humble avis. pourquoi devons-nous télécharger et exécuter des trucs à chaque fois au lieu d'avoir une copie locale? Sa perte de bande passante et une très bonne façon d'exécuter du code aléatoire de l'Internet et un jour se piraté .... Juste comme je réinstaller ai fait npm install create-react-app -gmes moyens de solution , vous finirez par obtenir à nouveau cette erreur , mais les gens ne devrait pas exécuter du code arbitraire de les sites Web et devraient pouvoir rester sur une version spécifique s'ils le souhaitent ....
Rodrigo Graça

7
l'a finalement fait fonctionner pour le modèle de dactylographie npm uninstall -g create-react-app sudo rm -rf /usr/local/bin/create-react-app npx create-react-app newapp --template typescript
CyberProdigy

2
utilisez-le npm list -g --depth=0pour voir si create-react-app est répertorié dans vos packages de nœuds installés. Si c'est le cas, exécutez npm uninstall -g create-react-apppour désinstaller.
Claude De-Tchambila

59

1)

npm uninstall -g create-react-app

ou

yarn global remove create-react-app

2)

Il semble y avoir un bogue où create-react-app n'est pas correctement désinstallé et l'utilisation de l'une des nouvelles commandes conduit à:

Aucun modèle n'a été fourni. Cela est probablement dû au fait que vous utilisez une version obsolète de create-react-app.

Après l'avoir désinstallé avec npm uninstall -g create-react-app, vérifiez si vous l'avez toujours "installé" avec which create-react-app(Windows:) where create-react-appsur votre ligne de commande. S'il renvoie quelque chose (par exemple / usr / local / bin / create-react-app ), alors faites unrm -rf /usr/local/bin/create-react-app suppression manuelle.

3)

Ensuite, l'une de ces façons:

npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app

5
J'ai dû supprimer le dossier d'installation, npm uninstall create-react-app -g ne fonctionnait pas
artfulbeest

2
$ echo '#! / bin / sh'> / usr / local / bin / create-react-app $ echo 'echo utilise plutôt le fil create-react-app'> / usr / local / bin / create-react-app $ chmod 0700 / usr / local / bin / create-react-app
Jason FB

1
Sous Windows, vous pouvez utiliser la commande whereau lieu dewhich
Vinicius

41

Bien que déjà beaucoup de réponses soient là. J'ai trouvé 3 solutions que j'ai appliquées pas à pas face à cette situation.


Première étape: à partir du manuel officiel,

Si vous avez précédemment installé create-react-app globalement via npm install -g create-react-app, nous vous recommandons de désinstaller le package en utilisant npm uninstall -g create-react-apppour vous assurer que npx utilise toujours la dernière version.

https://create-react-app.dev/docs/getting-started

Vous pouvez utiliser ces commandes ci-dessous:

  • npx create-react-app my-app
  • npm init react-app my-app
  • yarn create react-app my-app

Deuxième étape (si la première ne fonctionne pas):

Parfois, il peut garder des caches.Vous pouvez ensuite utiliser les commandes ci-dessous.

  • npm uninstall -g create-react-app
  • npm cache clean --force
  • npm cache verify
  • yarn create react-app my-app

Troisième étape: (si ces 2 ne fonctionnent pas), désinstallez d'abord via npm uninstall -g create-react-app, puis vérifiez si vous l'avez toujours "installé" avec la which create-react-appcommande sur votre ligne de commande. Si vous avez quelque chose comme ( / usr / local / bin / create-react-app ), exécutez-le rm -rf /usr/local/bin/create-react-app(le dossier peut varier) pour le supprimer manuellement. Ensuite, installez-le à nouveau via npx / npm / yarn.

NB : je réussis dans la dernière étape.


2
Cela a fonctionné pour moi. Je vous remercie.
Promise Preston

Cela a fonctionné pour moi sur MacOS.
Hunter

Pour une raison quelconque, npxet npm initn'a pas fonctionné, mais l'a yarnfait après l'effacement du cache. J'avais aussi besoin rm -rfdu create-react-appdossier. Tellement reconnaissant pour SO.
ZebGir

28

Désinstallez d'abord create-react-app globalement par cette commande:

npm uninstall -g create-react-app

puis dans le répertoire de votre projet:

npm install create-react-app@latest

enfin:

npx create-react-app my-app

celui-ci m'aide TY
Smaïne

21

Pour ajouter plus aux réponses ci-dessus:

Avec la nouvelle version de create-react-app, vous pouvez créer une nouvelle application à l'aide de modèles personnalisés. Jusqu'à présent, deux modèles sont disponibles:

  • cra-template
  • cra-template-typescript

Utilisation :

npx create-react-app my-app [--template typescript]

Plus de détails sur les derniers changements dans create-react-app:

https://github.com/facebook/create-react-app/releases/tag/v3.3.0


17

Moi aussi, j'ai eu le même problème. Quand j'ai trid la npm init react-app my-appcommande a renvoyé le même message

Aucun modèle n'a été fourni. Cela est probablement dû au fait que vous utilisez une version obsolète de create-react-app.

Mais

yarn create react-app my-app la commande fonctionne très bien.


17

Cela a fonctionné pour moi.

  1. npm uninstall -g create-react-app
  2. npx create-react-app my-app

15
  1. npm install -g create-react-app dans votre pc
  2. créer à nouveau un projet de réaction avec npx create-react-app my-app

8
Il est cependant recommandé de désinstaller create-react-app à l'échelle mondiale.
Robin Wieruch

L'erreur reviendra quand il y aura une nouvelle mise à jour avec cette méthode
Hilary Mwape

Je pense que c'est ce qui a causé l'erreur en premier lieu en installant globalement create-react-app
Robert Stokes

12

Ces deux étapes ont fonctionné pour moi

1) React-app désinstallée globalement avec cette commande

npm uninstall -g create-react-app

2) React-app installé dans le dossier du projet avec cette commande

npx create-react-app project-name

10

" Si vous avez déjà installé create-react-app globalement via npm install -g create-react-app, nous vous recommandons de désinstaller le package à l'aide de npm uninstall -g create-react-app pour vous assurer que npx utilise toujours la dernière version "

Cela est signalé à https://create-react-app.dev/docs/getting-started/ . Pour moi, cela n'a pas fonctionné. J'ai dû réinstaller create-react-app globalement à la place.

Mes étapes pour résoudre ce problème étaient les suivantes:

  1. npm uninstall -g create-react-app
  2. npm install -g create-react-app
  3. npx create-react-app my-app

1
Il n'est plus recommandé d'utiliser une installation globale de create-react-app.
Robin Wieruch

4
C'est vrai, cependant, je ne pouvais pas trouver une autre façon d'installer le modèle sans faire une installation globale. De toute façon, cela ne fait aucune différence pour mon application.
Gully Habibi

6
Ouais, même ce que le doc dit de faire ne fonctionne pas
Corey Gibson

10

Videz d'abord votre cache npm puis utilisez le fil comme suit:

  • npm cache clean --force
  • npm cache verify
  • yarn create react-app my-app

J'espère que ça aide.

ÉDITER

... vous voudrez peut-être essayer ce qui suit après avoir approfondi ce problème:

  1. npm uninstall -g create-react-app
  2. yarn global remove create-react-app
  3. which create-react-app - S'il retourne quelque chose (par exemple / usr / local / bin / create-react-app), alors faites un rm -rf / usr / local / bin / create-react-app pour le supprimer manuellement.
  4. npm cache clean --force
  5. npm cache verify
  6. npx create-react-app@latest

Ces étapes doivent supprimer les installations de create-react-app installées globalement, puis supprimez manuellement les anciens répertoires liés aux anciens scripts create-react-app installés globalement. C'est alors une bonne idée de vider votre cache npm pour vous assurer que vous n'utilisez aucune ancienne version mise en cache de create-react-app. Enfin, créez une nouvelle application reactjs avec l' @latestoption comme ceci:npx create-react-app@latest . Il y a eu beaucoup de confusion sur ce problème où aucun modèle n'est créé lors de l'utilisation de npx create-react-app, si vous suivez les étapes que j'ai décrites ci-dessus (1-6), j'espère que vous réussirez.

ps

Si je voulais ensuite créer une application React dans un répertoire appelé client, je taperais la commande suivante dans le terminal:

npx creacte-react-app@latest ./client

Bonne chance.


9

Toutes les options ne fonctionnaient pas pour moi sur MacOS. Ce qui a fonctionné était les 3 étapes suivantes:

  1. Supprimez le nœud de: / usr / local / bin /

puis

  1. installez le nœud récemment: https://nodejs.org/en/

puis

  1. Installez react: npx create-react-app my-app suivez: https://create-react-app.dev/

Oui c'est correct - alors vérifiez s'il est toujours installé $ react-create-app --version. S'il existe toujours une version, vous devrez peut-être la supprimer manuellement. Dans mon cas, il est resté ~ / .nvm / versions / node / <node version> / lib / node_modules donc vous devez rm -rf react-create-app dans ce dossier
Nelles

9

J'ai donc parcouru toutes les étapes ici, mais pas aidé.

TLDR; courirnpx --ignore-existing create-react-app

Je suis sur un Mac avec Mojave 10.15.2

CRA n'a pas été installé à l'échelle mondiale - ne l'a pas trouvé dans /usr/local/lib/node_modulesou/usr/local/bin autre.

Ensuite, je suis tombé sur ce commentaire sur les problèmes de github de l'ARC. L'exécution de la commande avec le --ignore-existingdrapeau a aidé.


8

npx create-react-app@latest your-project-name

travailler pour moi après avoir essayé toutes les réponses espérons pouvoir aider quelqu'un à l'avenir.


7

Pour Linux, cela a fonctionné pour moi

sudo npm uninstall -g create-react-app
npx create-react-app my-test-app

7

TLDR: Désinstallez le package global à l'aide npm uninstall -g create-react-appet générez de nouvelles applications de réaction à l'aide npx create-react-app app.


Problème

Vous utilisez une ancienne version de create-react-appcelle que vous avez installée globalement à l'aide de npm. lecreate-react-app commande appelle ce package global.

Vous auriez pu confirmer que vous utilisiez une version obsolète en exécutant npm outdated -g create-react-appou en comparant create-react-app --versionavec npm view create-react-app.

Le fait que la version de react-scriptssoit à jour n'a rien à voir avec la version du package qui amorce l'application ( create-react-app), qui récupère les dernières versions des packages qu'elle utilise ( react-scriptsdans ce cas).

Solution

Si vous souhaitez continuer à utiliser la create-react-appcommande, vous devrez mettre à jour le package global à l'aide de npm update -g create-react-app. Notez que vous voudrez le faire périodiquement pour le garder à jour. Vous remarquerez que cela create-react-appn'est pas recommandé (noté dans les journaux de votre installation).

Une meilleure approche serait de supprimer complètement l'installation globale ( npm uninstall -g create-react-app) et de l'utiliser à la place npxafin qu'elle récupère la dernière version du package à chaque fois (plus de détails surnpx ci-dessous).

Vous devez confirmer qu'il a été désinstallé globalement en essayant de l'utiliser create-react-apppour vous assurer que la commande est "introuvable".

Des problèmes avec la désinstallation?

Vous pouvez déboguer où il a été installé à l'aide de which create-react-app. Si vous rencontrez des problèmes pour le désinstaller, vous pouvez avoir plusieurs versions de node / npm sur votre ordinateur (à partir de plusieurs installations, ou parce que vous utilisez un gestionnaire de version de nœud tel que nvm). Il s'agit d'un problème distinct que je ne traiterai pas ici, mais il y a quelques informations dans cette réponse .

Une approche nucléaire rapide serait de l'enlever de force ( rm -rf) sur le chemin qui which create-react-apprevient.


Supplément

Packages npm globaux et npxcommande

$ NPM_PACKAGE_NAME utilisera toujours la version installée globalement du package, quel que soit le répertoire dans lequel vous vous trouvez.

$ npx NPM_PACKAGE_NAME utilisera la première version du paquet qu'il trouve lors de la recherche du répertoire courant à la racine:

  • Si vous avez le package dans votre répertoire actuel, il l'utilisera.
  • Sinon, si vous avez le package dans un répertoire parent de votre répertoire actuel, il utilisera le premier qu'il trouve.
  • Sinon, si le package est installé dans le monde, il l'utilisera.
  • Sinon, si vous n'avez pas du tout le paquet, il va l'installer temporairement, l'utiliser, puis le jeter. - c'est le meilleur moyen de s'assurer que le colis est à jour .

Plus d'informations sur npx peuvent être trouvées dans cette réponse .

Utilisation npxaveccreate-react-app

create-react-appa des commandes / alias spéciaux pour créer une application de réaction (au lieu de npx) qui sont spécifiques à ce package ( yarn create react-app, npm init react-app), mais npx create-react-appfonctionneront de la même manière qu'avec les autres packages.

yarnvs npminstallations globales

Yarn stocke les installations globales dans un dossier différent de celui npm, c'est pourquoi yarn create react-appfonctionnerait immédiatement sans désinstaller le package global npm (en ce qui concerne yarn, le package n'a pas été installé).

Cependant, ce n'est qu'une solution temporaire, car vous devrez vous rappeler de toujours utiliser du fil au lieu de npm lorsque vous utilisez Create React App.


5

Cela a résolu mon problème

Pas:

1. Désinstallez l'application create-react

npm uninstall -g create-react-app

2. Maintenant, utilisez simplement

npx create-react-app my-app

cela créera automatiquement le modèle pour vous.


5

Ce problème n'est pas résolu comme ceci, le problème se situe dans les différentes instances de node, essayez de supprimer globalement create-react-app puis supprimez les node_modules et package-lock.json de votre utilisateur root


5

Ça marche pour moi!

1) npm uninstall -g create-react-app

2) npm install -g create-react-app

3) npx create-react-app app_name

Si vous en avez déjà installé create-react-appglobalement via npm install -g create-react-app, mieux vaut le désinstaller à l'aide denpm uninstall -g create-react-app


3

Désinstaller d'abord create-react-app

npm uninstall -g create-react-app

Ensuite, exécutez yarn create react-app my-appounpx create-react-app my-app

puis en cours d'exécution yarn create react-app my-appou npx create-react-app my-apppeut toujours donner l'erreur,

Aucun modèle n'a été fourni. Cela est probablement dû au fait que vous utilisez une version obsolète de create-react-app.Veuillez noter que les installations globales de create-react-app ne sont plus prises en charge.

Cela peut se produire à cause des encaissements. Alors, prochaine manche

npm cache clean --force 

puis exécutez

npm cache verify

Maintenant, tout est clair. Maintenant, lancez

yarn create react-app my-app ou npx create-react-app my-app

Vous obtiendrez maintenant ce que vous attendiez!


3

Je résout ce problème sur Mac en désinstallant create-react-appde la bibliothèque globale npm, c'est essentiellement ce qui est dit, essayez simplement de le faire, vous devez également le faire sudo:

sudo npm uninstall -g create-react-app

Exécutez ensuite simplement:

npx create-react-app my-app-name

Maintenant, tout devrait être bon et obtenez les structures de dossiers comme ci-dessous:

modèle non fourni à l'aide de l'application create react


1
J'essayais toutes ces méthodes écrites ci-dessus sur Linux Mint 19 (système basé sur Ubuntu). Rien n'a aidé, mais cela l'a fait. sudo npm uninstall -g create-react-app
Victor

3

L'utilisation de la commande npm uninstall -g create-react-appn'a pas fonctionné pour moi.

Mais cela a fonctionné:

yarn global remove create-react-app

et alors:

npx create-react-app my-app


Cela a fonctionné pour moi, j'ai essayé toutes les méthodes, y compris la suppression manuelle de / usr / local / bin
manjs

3

Ce travail est pour moi:

Désinstallez globalement create-react-app par cette commande:

npm uninstall -g create-react-app

Après cela dans votre répertoire de projet:

npm install create-react-app@latest

À la dernière:

npx create-react-app my-app

Pour dactylographié:

npx create-react-app my-app --template typescript

2

Un problème si étrange car cela a fonctionné pour moi hier et je suis tombé sur la même erreur ce matin. Sur la base des notes de publication, une nouvelle fonctionnalité a été ajoutée pour prendre en charge les modèles, de sorte qu'il semble que certaines parties ont changé dans la ligne de commande (par exemple, le a --typescriptété déconseillé en faveur de l'utilisation --template typescript)

J'ai réussi à tout faire fonctionner en procédant comme suit:

  1. Désinstallez l'application globale create-react npm uninstall create-react-app -g.
  2. Vérifiez le cache npm npm cache verify.
  3. Fermez le terminal. J'utilise le terminal mac, si vous utilisez un IDE peut-être fermer et rouvrir.
  4. Rouvrez le terminal, accédez à l'endroit où vous voulez que votre projet et exécutez create-react-app via npx en utilisant les nouvelles conventions de commande de modèle. Pour le faire fonctionner, j'ai utilisé le my-app dactylographié du site de documentation pour assurer la cohérence:npx create-react-app my-app --template typescript

Si cela fonctionne, vous devriez voir plusieurs installations: une pour react-scripts et une pour le modèle. Le message d'erreur ne devrait également plus apparaître.


2

npm uninstall -g create-react-app pourrait être une réponse dans certains cas, mais pas dans le mien.

Vous devez supprimer manuellement votre application create-react située à ~/.node/bin/ou /usr/bin/(il suffit de taper which create-react-appet de la supprimer des emplacements que vous avez vus utiliser rm -rf), puis d'exécuter npm i -g create-react-app.

Après cela create-react-appfonctionnera correctement.


2

Cela a fonctionné pour moi 1.Premièrement désinstaller create-react-app globalement par cette commande:

npm uninstall -g create-react-app

Si vous avez encore l'installation précédente, supprimez complètement le dossier appelé mon application (assurez-vous qu'aucun programme n'utilise ce dossier, y compris votre terminal ou cmd promt)

2. puis dans le répertoire de votre projet:

npm install create-react-app@latest

3. enfin:

npx create-react-app my-app

1

Après avoir utilisé cette commande:

yarn global upgrade create-react-app

J'ai ensuite essayé:

yarn create-react-app my-app but it didn't work for me.

Cela a fonctionné cependant:

npx create-react-app my-app 

0

Pour Windows 10, j'ai dû supprimer manuellement certains dossiers dans le cache de fil, mon chemin était quelque chose comme C:\Users\username\AppData\Local\Yarn\Cache\v1et les plis que je devais supprimer étaient quelque chose commenpm-create-react-app-1.0.0-1234567890abcdef


0

J'ai eu le même problème et j'ai installé "create-react-app" globalement sur ma machine. Il y a une erreur:

"Aucun modèle n'a été fourni. Cela est probablement dû au fait que vous utilisez une version obsolète de create-react-app. Veuillez noter que les installations globales de create-react-app ne sont plus prises en charge."

Ensuite, j'ai supprimé l'installation précédente en utilisant cette commande.

npm uninstall -g create-react-app

Installez ensuite une nouvelle application React.

npx create-react-app nouvelle-application


0

Essayez d'exécuter votre terminal en tant qu'administrateur. J'avais le même problème et rien ne m'a aidé à part ouvrir le terminal en tant qu'administrateur et ensuite faire l'application npx create-react-app yourAppName

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.