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

12

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

npx create-react-app app-ui --template typescript

Bien qu'il installe tous les modules de noeud, 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 tapuscrit. Il y a quelque chose de très mal avec le cli en ce moment.

Éditer:

Ce message 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.

Mickers
la source
3
Ce même problème m'arrive en ce moment. J'ai couru npm uninstall -g create-react-app, puis j'ai couru npx create-react-app app-uiavec et sans l'indicateur de modèle, mais je reçois le même avertissement. La sortie résultante ne contient que le répertoire node_modules, un package.json et un package-lock.json. Je ne sais pas ce que je fais mal.
arbitrayUserName

Réponses:

7

pour l' op: vos supports ne sont pas à leur place. Pour votre cas, la documentation de documentation indique d'utiliser:

npx create-react-app my-app --template [nom-modèle]
-ou-
npx create-react-app my-app --template typescript


Pour tout le monde:

1. désinstaller ( je suis sur linux / ubuntu )

sudo npm uninstall -g create-react-app

2. Exécutez ensuite

npx create-react-app my-app

Remarque: assurez-vous que tous les dossiers / fichiers ont été supprimés lors de la désinstallation . Si vous rencontrez des problèmes pour accéder aux dossiers React dans votre configuration Linux comme je l'étais (en raison des autorisations), accédez-y et supprimez-les en:

sudo chown -R $USER /usr/bin/create-react-app

(... puis exécutez la commande npx.)

C-Note187
la source
1
La suppression des crochets a rendu le modèle de dactylographie fonctionnel. Je ne sais pas pourquoi je les avais là-bas. Je suppose que j'essayais tout ce que je pouvais pour que les choses fonctionnent. Merci!
Mickers
heureux d'entendre que ça a fonctionné!
C-Note187
8

J'ai résolu ce problème en sudo npm uninstall -g create-react-app

mais cela n'a pas supprimé create-react-app, j'ai donc dû vérifier dans quel répertoire il se trouve. Dans le terminal, si vous tapez:

which create-react-app

cela vous donnera un répertoire comme / usr / local / bin / create-react-app Maintenant, faites:

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

Cela supprimera manuellement create-react-app. Vous pouvez maintenant commencer à créer une application React à l'aide de npx create-react-app my-app

Mr_b194
la source
2
J'utilise Ubuntu 19.10 et cela a fonctionné comme un charme!
egdavid
1
J'utilise OSX (MacBook) et cela a également fonctionné!
Bumhwan Kim
1

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.

Lakshan Hettiarachchi
la source
Cela fonctionne beaucoup grâce
user3811671
0

Créer un modèle de démarrage React

1.npx create-react-app votre_nom_app

2.cd votre_nom_app

15h départ

Vaibhav Tamuche
la source
0

Même si vous avez exécuté npm uninstall -g create-react-app create-react-apppeut-être encore installé. Vous pouvez vérifier en exécutant which create-react-app. Si un chemin est renvoyé, il create-react-appest toujours installé. Vous pouvez supprimer le module avec rm -r ${returned path}. Après cela, l'exécution npx create-react-app app-ui --template typescriptdevrait fonctionner sans erreurs ni avertissements.

arbitrayUserName
la source
0

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

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 la commande create-react-app sur votre ligne de commande. Si vous avez quelque chose comme ( / usr / local / bin / create-react-app ), exécutez cette application 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 dans la dernière étape.

Moshiur Rahman
la source
0

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 typographique

npx create-react-app hello-world --type dactylographié

Voici la structure des dossiers après avoir exécuté 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
asishkhuntia
la source
0

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 je pouvais voir quand j'ai couru, which create-react-appce qui a abouti à un chemin comme .../.config/yarn/global/node_modules/.bin/create-react-app. L'exécution a yarn global remove create-react-appsupprimé ce package et j'ai pu l'exécuter npx create-react-app app --template typescriptavec succès.

lefinnomenon
la source
0
  1. Installez l'application create-react

Au début, nous devons installer l'outil create-react-app. C'est 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!

Aremu Ibrahim
la source
0

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

Mamunur Rashid
la source
0
  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!!

Yousuf Shareef
la source
-1

J'avais le même problème. J'ai essayé ceci. npm install -g create-react-app
Ensuite, cela a create-react-app app-namefonctionné pour moi.

Misterjoe
la source
Oui, mais cela résout-il l'erreur de modèle? Je suis maintenant sur une machine Windows (était sur un mac plus tôt) et ça fait la même chose ... Le projet vide et le script tapé n'étaient pas inclus.
Mickers