web-dev-qa-db-fra.com

Create-React-App ne crée pas de modèle de démarrage

J'essaie de créer un nouveau projet avec le modèle TypeScript selon ces instructions .

npx create-react-app app-ui --template TypeScript

Bien qu'il installe tous les modules de nœuds, il ne crée pas le projet de démarrage ni n'utilise le modèle fourni. Je reçois ce message:

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.

J'essaie de suivre les instructions et de supprimer l'installation globale de la cli mais cela ne fonctionne pas non plus:

 npm uninstall -g create-react-app
 up to date in 0.037s

Peu importe ce que je fais, je ne peux pas désinstaller le cli. Que se passe-t-il?

Éditer:

J'ai pu le faire fonctionner partiellement sur PC.

npm remove create-react-app

puis

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

J'ai essayé avec des crochets et bien que le projet de modèle soit là, il n'est pas en TypeScript. Il y a quelque chose de très mal avec le cli en ce moment.

Éditer:

This post a résolu le problème de ne pas pouvoir désinstaller le cli. J'espère que cela aide quelqu'un et veuillez voter pour le PO.

node.jscreate-react-app
11
Mickers

J'avais le même problème. Cela fonctionne pour moi (Linux)

Étape 01.

Sudo npm remove create-react-app

Étape 02.

Sudo npm uninstall -g create-react-app

Étape 03.

npx create-react-app my-app --template TypeScript

J'espère que ça aide.

0
Lakshan Hettiarachchi

Même si vous avez exécuté npm uninstall -g create-react-appcreate-react-app peut encore être installé. Vous pouvez vérifier en exécutant which create-react-app. Si un chemin est renvoyé create-react-app est toujours installé. Vous pouvez supprimer le module avec rm -r ${returned path}. Après avoir exécuté npx create-react-app app-ui --template TypeScript devrait fonctionner sans erreur ni avertissement.

0
arbitrayUserName

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 précédemment 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.

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
  • fil créer 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
  • vérification du cache npm
  • fil créer 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 qui crée la commande create-react-app sur votre commande ligne. 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.

0
Moshiur Rahman

Créer React Modèle de démarrage

1.npx create-react-app votre_nom_app

2.cd votre_nom_app

15h départ

0
Vaibhav Tamuche

Pour les utilisateurs de Windows, suivez deux étapes

npm uninstall -g create-react-app

Alors

npx create-react-app jamming

continuez à mettre à jour votre nœud et npm, dernière version stable

0
Mamunur Rashid

Ma solution a fini par être un peu différente de la vôtre, je vais donc l'ajouter ici au cas où quelqu'un aurait un problème similaire. Apparemment, j'ai installé create-react-app globalement avec du fil que j'ai pu voir quand j'ai couru which create-react-app qui a abouti à un chemin comme .../.config/yarn/global/node_modules/.bin/create-react-app. Fonctionnement yarn global remove create-react-app a supprimé ce package et j'ai pu exécuter npx create-react-app app --template TypeScript avec succès.

0
thefinnomenon

Quand j'ai exécuté

create-react-app bonjour

généré uniquement sous la structure des dossiers, avec notification

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

node_modules
package.json
yarn.lock

Suivez les étapes ci-dessous pour résoudre

// Désinstallation du package create-react-app

npm uninstall -g create-react-app

Après cela, je suis prêt à créer une nouvelle application React via "npx"

Pour la saveur ES6 (par défaut, il faudra le langage ES6)

npx create-react-app hello-world

Pour une saveur TypeScript

npx create-react-app hello-world --template TypeScript

Voici la structure des dossiers après l'exécution au-dessus de cmd

README.md
node_modules
package.json
public
src
yarn.lock

début de fil // Fonctionne bien

node: v10.16.0
npm: 6.10.2
0
asishkhuntia
  1. Installez l'application create-react

Au début, nous devons installer l'outil create-react-app. Il s'agit d'un outil fourni par les créateurs de React.js, qui permet d'installer une application React.js prête à l'emploi, avec toutes les dépendances nécessaires. Pour installer l'outil, nous devons utiliser la commande suivante dans la ligne de commande:

npm install -g create-react-app
  1. Créer l'application

Maintenant, il est super facile de créer notre première application à l'aide de l'outil create-react-app. Nous pouvons le faire avec une seule commande dans notre ligne de commande. Tout d'abord, accédez au dossier dans lequel vous souhaitez que votre application passe par la ligne de commande, puis exécutez la commande suivante, où reactapp est le nom de notre application:

npx create-react-app reactapp

Vous pouvez vous sentir libre de définir un nom différent pour votre application. Si le processus s'est terminé avec succès, vous devriez avoir votre dossier avec l'application prête! Commençons l'application maintenant!

  1. Démarrez l'application

Commençons notre reactapp avec les commandes suivantes:

cd reactapp
npm start

La première commande est utilisée pour entrer dans le dossier de notre application, et la seconde démarre notre application. Par défaut, l'application est ouverte sur localhost: 3000, mais nous pouvons changer le port dans les paramètres.

Lien: https://dev.to/duomly/how-to-create-the-react-app-in-5-minutes-1bmb

Hpe ça aide!

0
Aremu Ibrahim
  1. Désinstaller create-react-app à l'aide de la commande: Sudo npm uninstall -g create-react-app

Puisque npm ne prend pas en charge l'utilisation globale des modules npm.

  1. installez la chaudière plate create-react-app comme d'habitude en utilisant la commande: npx create-react-app my-app

ça marche!!

0
Yousuf Shareef