web-dev-qa-db-fra.com

Modèle non fourni avec create-react-app

Lorsque je tape la commande _create-react-app my-app_ dans mon terminal, cela 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 _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 CRA changelog et il semble que le support a été ajouté pour les modèles personnalisés - mais il ne ressemble pas à la commande _create-react-app my-app_ aurait changé.

Une idée de ce qui se passe ici?

287
SamYoungNY

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.

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
293
Latha Eshappa

1)

npm uninstall -g create-react-app

ou

yarn global remove create-react-app

2)

Il semble y avoir un bug 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 sur votre ligne de commande. S'il renvoie quelque chose (par exemple /usr/local/bin/create-react-app ), alors faites un rm -rf /usr/local/bin/create-react-app pour supprimer manuellement.

)

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
42
Robin Wieruch

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: Dans le manuel officiel,

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 garantir 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 which create-react-app sur votre ligne de commande. Si vous avez quelque chose comme (/usr/local/bin/create-react-app ), exécutez ceci rm -rf /usr/local/bin/create-react-app (le dossier peut varier) à supprimer manuellement. Ensuite, installez-le à nouveau via npx/npm/yarn.

[~ # ~] nb [~ # ~] : Je réussis à la dernière étape.

34
Moshiur Rahman

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
26
Tooba Anwar

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 dernières modifications de create-react-app:

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

21

Moi aussi, j'ai eu le même problème. Quand je trid le npm init react-app my-app la commande 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 bien.

16
Sampathkumar
  1. npm install -g create-react-app dans votre PC
  2. recréer le projet react avec npx create-react-app my-app
14
akbaral aziz

Cela a fonctionné pour moi.

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

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
12
Hammad

" 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 to assurez-vous que npx utilise toujours la dernière version "

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

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
10
Gully Habibi

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. installer le nœud nouvellement: https://nodejs.org/en/

puis

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

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.

8
Buk Lau

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.

8
DevStormUK

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


Problème

Vous utilisez une ancienne version de create-react-app Que vous avez installée globalement à l'aide de npm. La commande create-react-app Appelle ce package global.

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

Le fait que la version de react-scripts Soit à 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 qui il utilise (react-scripts dans ce cas).

Solution

Si vous souhaitez continuer à utiliser la commande create-react-app, 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 maintenir à jour. Vous remarquerez que create-react-app Ne le recommande pas (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 d'utiliser à la place npx afin qu'elle récupère la dernière version du package à chaque fois (plus de détails sur npx au dessous de).

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

Des problèmes de désinstallation?

Vous pouvez déboguer où il a été installé en utilisant 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 node tel que nvm). Il s'agit d'un problème distinct que je n'aborderai pas ici, mais il y a quelques informations dans ce réponse .

Une approche nucléaire rapide serait de l'enlever de force (rm -rf) Sur le chemin que which create-react-app Renvoie.


Supplément

Packages npm globaux et commande npx

$ NPM_PACKAGE_NAME Utilisera toujours la version du package installée globalement, 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. - this est le meilleur moyen de s'assurer que le paquet est à jour.

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

Utilisation de npx avec create-react-app

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

yarn vs npm installations globales

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

Ceci n'est qu'une solution temporaire, car vous devez vous rappeler de toujours utiliser le fil au lieu de npm lorsque vous utilisez Create React App.

7
JBallin

Pour Linux, cela a fonctionné pour moi

Sudo npm uninstall -g create-react-app
npx create-react-app my-test-app
6
coding_Lover

Ç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 avez déjà installé create-react-app globalement via npm install -g create-react-app, Mieux vaut le désinstaller à l'aide de npm uninstall -g create-react-app

5
Lahiru Amarathunge

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

TLDR; courir npx --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_modules ou /usr/local/bin Soit.

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

5
Ben S

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
Luis Meneses

Désinstaller d'abord create-react-app

npm uninstall -g create-react-app

Exécutez ensuite yarn create react-app my-app ou npx create-react-app my-app

puis exécutant yarn create react-app my-app ou npx create-react-app my-app peut 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
Sasmitha Dasanayaka

Cela a résolu mon problème

Étapes:

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 u.

3
ari sudhan

Je résout ce problème sur Mac en désinstallant create-react-app à partir de la bibliothèque globale npm, c'est essentiellement ce qui a été dit, essayez simplement de le faire, vous devez également 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:

template not provided using create react app

2
Alireza

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

Vous devez supprimer manuellement votre application create-react située à ~/.node/bin/ ou /usr/bin/ (tapez simplement which create-react-app et supprimez-le des emplacements que vous avez vus en utilisant rm -rf), exécutez ensuite simplement npm i -g create-react-app.

Après ça create-react-app fonctionnera correctement.

2
Andrew

Utilisation de la commande npm uninstall -g create-react-app n'a pas fonctionné pour moi.

Mais cela a fonctionné:

yarn global remove create-react-app

puis:

npx create-react-app my-app

2
Karthic Rao

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
2
Amila Weerasinghe

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. Il semble donc que certaines parties ont changé dans la ligne de commande (par exemple, le --TypeScript a été déconseillé au profit de l'utilisation de --template TypeScript)

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

  1. Désinstaller l'application create-react-app globale 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é l'application my TypeScript 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 les scripts de réaction et une pour le modèle. Le message d'erreur ne devrait également plus apparaître.

2
Ryan McCormick

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 
1
Helen_CEE

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 TypeScript:

npx create-react-app my-app --template TypeScript
1
shivlal kumavat

POUR UBUNTU: au cas où vous auriez une erreur qu'un modèle n'est pas fourni avec npx create-react-app et déjà sans problème npm create-react-app -g et ne fonctionne toujours pas, procédez comme suit:

Sudo rm -rf usr/bin/create-react-app    

# this will manualy remove the create-react-app. 
npx create-react-app 

soit avec TypeScript fonctionne aussi.

0
Halil

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\v1 et les plis que j'ai dû retirer ressemblaient à npm-create-react-app-1.0.0-1234567890abcdef

0
dadiaar

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

0
Martynas Gecas

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
akshay_sushir