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

Question

Je tente de créer un nouveau projet avec le modèle typecript comme indiqué dans ces instructions.

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

Malgré l'installation de tous les modules node, il ne crée pas le projet de départ ni n'utilise le modèle fourni. Je reçois ce message :

Un modèle n'a pas été fourni. Cela est probablement dû à l'utilisation d'une version obsolète de create-react-app.
Veuillez noter que les installations globales de create-react-app ne sont plus prises en charge.

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
à jour en 0.037s

Peu importe ce que je fais, je ne peux pas désinstaller la CLI. Qu'est-ce qui se passe ?

Édition :

J'ai réussi à le faire partiellement fonctionner 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 modèle soit là, il n'est pas en typescript. Il y a quelque chose de très faux avec la CLI en ce moment.

Édition :

Ce post a résolu le problème de ne pas pouvoir désinstaller la CLI. J'espère que cela aidera quelqu'un et veuillez voter pour l'auteur du message original.

Answer 1

J'ai trouvé 3 solutions que j'ai appliquées étape par étape lorsque j'ai été confronté à cette situation.

Première étape: De 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-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
• yarn create react-app my-app

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

Parfois il peut conserver des caches. Dans ce cas, vous pouvez 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 les 2 premières solutions ne fonctionnent pas) D'abord désinstallez via npm uninstall -g create-react-app, puis vérifiez si vous l'avez toujours "installé" avec la commande which create-react-app sur votre ligne de commande. Si vous obtenez quelque chose comme (/usr/local/bin/create-react-app), alors exécutez cette commande rm -rf /usr/local/bin/create-react-app (le dossier peut varier) pour le supprimer manuellement. Ensuite réinstallez-le via npx/npm/yarn. Remarque: J'ai réussi à la dernière étape.

Answer 2

Quand j'ai exécuté

create-react-app hello

seule la structure de dossier ci-dessous a été générée, avec une 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

J'ai suivi les étapes ci-dessous pour résoudre le problème

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

npm uninstall -g create-react-app

Ensuite, je suis prêt à créer une nouvelle application React via "npx"

Pour la version ES6 (par défaut, il prendra le langage ES6)

npx create-react-app hello-world

Pour la version Typescript

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

Voici la structure du dossier après avoir exécuté les commandes ci-dessus

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

yarn start // Fonctionne bien

node: v10.16.0
npm: 6.10.2

Answer 3

Ma solution s'est avérée un peu différente de la vôtre, donc je vais l'ajouter ici au cas où quelqu'un rencontrerait un problème similaire. Apparemment, j'ai installé create-react-app globalement avec yarn, ce que j'ai pu voir lorsque j'ai exécuté which create-react-app, ce qui a donné un chemin comme .../.config/yarn/global/node_modules/.bin/create-react-app. En exécutant yarn global remove create-react-app, j'ai supprimé ce paquet, puis j'ai pu exécuter npx create-react-app app --template typescript avec succès.

Answer 4

1. Installer create-react-app

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

2. Créer l'application

Maintenant, il est super facile de créer notre première application en utilisant 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 où vous souhaitez avoir votre application via 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 librement choisir un nom différent pour votre application. Si le processus se termine avec succès, vous devriez avoir votre dossier avec l'application prête ! Lançons maintenant l'application !

3. Démarrer l'application

Démarrons 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 deuxième démarre notre application. Par défaut, l'application s'ouvre à 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

J'espère que cela vous aide !

Answer 5

Pour les utilisateurs de Windows, suivez deux étapes

npm uninstall -g create-react-app

Ensuite

npx create-react-app jamming

garder à jour votre node et npm, dernière version stable