Quando digito il create-react-app my-appcomando nel mio terminale, sembra funzionare, scaricando tutte le librerie con esito positivo, ecc. Alla fine di quel processo però ricevo un messaggio che a template was not provided.

Ingresso

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

Produzione

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.

In package.json di my-app:

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

Ho controllato il log delle modifiche di CRA e sembra che sia stato aggiunto il supporto per i modelli personalizzati, tuttavia non sembra che il comando create-react-app my-appsia cambiato.

Qualche idea di cosa sta succedendo qui?

Se hai precedentemente installato a create-react-applivello globale tramite npm install -g create-react-app, ti consigliamo di disinstallare il pacchetto utilizzando npm uninstall -g create-react-appper assicurarti che npxutilizzi sempre la versione più recente.

Documenti

Utilizzare uno dei comandi seguenti:

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

1)

npm uninstall -g create-react-app

o

yarn global remove create-react-app

2)

Sembra che ci sia un bug in cui create-reply-app non viene disinstallata correttamente e l'utilizzo di uno dei nuovi comandi porta a:

Non è stato fornito un modello. Ciò è probabilmente dovuto al fatto che stai utilizzando una versione obsoleta di create -eagire-app.

Dopo averlo disinstallato con npm uninstall -g create-react-app, verificare se è ancora "installato" con which create-react-app(Windows:) where create-react-appsulla riga di comando. Se restituisce qualcosa (ad es. / Usr / local / bin / create -eagire-app ), quindi fare unrm -rf /usr/local/bin/create-react-app cancellazione manuale.

3)

Quindi uno di questi modi:

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

Anche se già molte risposte sono qui. Ho trovato 3 soluzioni che ho applicato passo dopo passo quando ho affrontato questa situazione.

Primo passo: dal manuale ufficiale,

Se hai precedentemente installato create-reagire-app a livello globale tramite npm install -g create-react-app, ti consigliamo di disinstallare il pacchetto usando npm uninstall -g create-react-appper assicurarti che npx usi sempre l'ultima versione.

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

È possibile utilizzare questi comandi di seguito:

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

Secondo passaggio (se il primo non funziona):

A volte può contenere cache. Quindi è possibile utilizzare questi comandi indicati di seguito.

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

Terzo passaggio: (se questi 2 non funzionano) prima disinstalla tramite npm uninstall -g create-react-app, quindi controlla se lo hai ancora "installato" con il which create-react-appcomando sulla tua riga di comando. Se hai qualcosa come ( / usr / local / bin / create -eagire-app ), esegui questa rm -rf /usr/local/bin/create-react-app(la cartella può variare) per eliminarla manualmente. Quindi installarlo nuovamente tramite npx / npm / yarn.

NB : ci riesco nell'ultimo passaggio.

Per prima cosa disinstalla create-reagire-app a livello globale con questo comando:

npm uninstall -g create-react-app

quindi nella directory del progetto:

npm install create-react-app@latest

finalmente:

npx create-react-app my-app

Per aggiungere altro alle risposte sopra:

Con la nuova versione di create-react-app, è possibile creare una nuova app utilizzando modelli personalizzati. Finora sono disponibili due modelli:

• cra-template
• cra-template-dattiloscritto

Utilizzo :

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

Maggiori dettagli sulle ultime modifiche in create-react-app:

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

Anch'io ho avuto lo stesso problema. Quando trido il npm init react-app my-appcomando ha restituito lo stesso messaggio

Non è stato fornito un modello. Ciò è probabilmente dovuto al fatto che stai utilizzando una versione obsoleta di create -eagire-app.

Ma

yarn create react-app my-app il comando funziona bene.

Questo ha funzionato per me.

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

1. npm install -g create-react-app nel tuo pc
2. crea di nuovo il progetto di reazione con npx create-react-app my-app

Questi due passaggi hanno funzionato per me

1) Uninstall-app disinstallata a livello globale con questo comando

npm uninstall -g create-react-app

2) Reac-app installata nella cartella del progetto con questo comando

npx create-react-app project-name

" Se hai precedentemente installato create -eagire-app a livello globale tramite npm install -g create -eag-app, ti consigliamo di disinstallare il pacchetto usando npm Uninstall -g create -eagire-app per assicurarti che npx usi sempre l'ultima versione "

Questo è riportato su https://create-react-app.dev/docs/getting-started/ . Per me questo non ha funzionato. Ho dovuto reinstallare invece create-reagire-app a livello globale.

I miei passi per risolvere questo problema sono stati:

1. npm uninstall -g create -eagire-app
2. npm install -g create-reazioni-app
3. npx create-reply-app my-app

Svuota prima la cache npm, quindi usa il filo come segue:

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

Spero che questo possa essere d'aiuto.

MODIFICARE

... potresti voler provare quanto segue dopo aver esaminato ulteriormente questo problema:

1. npm uninstall -g create-react-app
2. yarn global remove create-react-app
3. which create-react-app - Se restituisce qualcosa (ad es. / Usr / local / bin / create -eagire-app), quindi eseguire un'app rm -rf / usr / local / bin / creare-reagire per eliminarla manualmente.
4. npm cache clean --force
5. npm cache verify
6. npx create-react-app@latest

Questi passaggi dovrebbero rimuovere le installazioni create-reazioni-app installate a livello globale, quindi rimuovere manualmente le vecchie directory collegate ai vecchi script create-reazioni-app installati a livello globale. È quindi una buona idea svuotare la cache di npm per assicurarsi di non utilizzare alcuna versione cache precedente di create -eagire-app. Infine creare un nuovo reactjs app con la @latestpossibilità in questo modo: npx create-react-app@latest. C'è stata molta confusione su questo problema in cui non viene creato alcun modello quando si utilizza npx create -eagire-app, se si seguono i passaggi sopra indicati (1-6), quindi spero che tu abbia successo.

ps

Se volessi creare un'app di reazione in una directory chiamata client, digitarei il seguente comando nel terminale:

npx creacte-react-app@latest ./client

In bocca al lupo.

Tutte le opzioni non hanno funzionato per me su MacOS. Ciò che ha funzionato sono stati i seguenti 3 passaggi:

1. Elimina il nodo da: / usr / local / bin /

poi

2. installare di nuovo il nodo: https://nodejs.org/en/

poi

3. Installa reazioni: npx create -eagire-app my-app segui: https://create-react-app.dev/

Quindi ho seguito tutti i passaggi qui, ma non ho aiutato.

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

Sono su un Mac con Mojave 10.15.2

CRA non è stato installato a livello globale - non ha trovato in /usr/local/lib/node_moduleso /usr/local/binentrambi.

Poi mi sono imbattuto in questo commento sui problemi github della CRA. L'esecuzione del comando con la --ignore-existingbandiera ha aiutato.

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

lavora per me dopo aver provato tutte le risposte sperando che possa aiutare qualcuno in futuro.

Per Linux ha funzionato per me

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

TLDR: disinstallare il pacchetto globale usando npm uninstall -g create-react-appe generare nuove app di reazione usando npx create-react-app app.

Problema

Stai usando una versione precedente di create-react-appquella che hai installato a livello globale usando npm. Il create-react-appcomando richiama questo pacchetto globale.

Si potrebbe aver confermato che si stava utilizzando una versione non aggiornata eseguendo npm outdated -g create-react-appo il confronto create-react-app --versioncon npm view create-react-app.

Il fatto che la versione di react-scriptsfosse aggiornata, non ha nulla a che fare con la versione del pacchetto che sta eseguendo il bootstrap dell'app ( create-react-app), che acquisisce le ultime versioni dei pacchetti che utilizza ( react-scriptsin questo caso).

Soluzione

Se si desidera continuare a utilizzare il create-react-appcomando, è necessario aggiornare il pacchetto globale tramite npm update -g create-react-app. Tieni presente che dovrai farlo periodicamente per tenerlo aggiornato. Noterai che create-react-appquesto non lo consiglia (annotato nei registri della tua installazione).

Un approccio migliore sarebbe quello di eliminare completamente l'installazione globale ( npm uninstall -g create-react-app) e invece di utilizzarla in npxmodo che acquisisca ogni volta l'ultima versione del pacchetto (maggiori dettagli di npxseguito).

È necessario confermare che è stato disinstallato a livello globale tentando di utilizzare create-react-appper assicurarsi che il comando non sia "trovato".

Problemi con la disinstallazione?

È possibile eseguire il debug dove è stato installato utilizzando which create-react-app. Se si verificano problemi durante la disinstallazione, è possibile che siano presenti più versioni di node / npm sul computer (da più installazioni o perché si utilizza un gestore versione nodo come nvm). Questo è un problema separato che non affronterò qui, ma ci sono alcune informazioni in questa risposta .

Un rapido approccio nucleare sarebbe quello di rimuoverlo con forza ( rm -rf) nel percorso che which create-react-appritorna.

Supplemento

Pacchetti npm globali e il npxcomando

$ NPM_PACKAGE_NAME utilizzerà sempre la versione installata a livello globale del pacchetto, indipendentemente dalla directory in cui ci si trova.

$ npx NPM_PACKAGE_NAME utilizzerà la prima versione del pacchetto che trova durante la ricerca dalla directory corrente alla radice:

• Se hai il pacchetto nella tua directory corrente, lo userà.
• Altrimenti se hai il pacchetto in una directory che è un genitore della tua directory corrente, userà il primo che trova.
• Altrimenti se il pacchetto è installato a livello globale, lo utilizzerà.
• Altrimenti, se non si dispone del pacchetto, lo installerà temporaneamente, lo utilizzerà e quindi lo scarterà. - questo è il modo migliore per assicurarsi che il pacchetto sia aggiornato .

Ulteriori informazioni su npx sono disponibili in questa risposta .

Usando npxconcreate-react-app

create-react-appha alcuni comandi / alias speciali per creare un'app di reazione (invece di npx) specifica per quel pacchetto ( yarn create react-app, npm init react-app), ma npx create-react-appfunzionerà allo stesso modo di altri pacchetti.

yarnvs npminstallazioni globali

Yarn memorizza le installazioni globali in una cartella diversa da quella npm, motivo per cui yarn create react-appdovrebbe funzionare immediatamente senza disinstallare il pacchetto npm globale (per quanto riguarda il filo, il pacchetto non è stato installato).

Questa è solo una soluzione temporanea, poiché dovrai ricordare di usare sempre il filo invece di npm quando usi l'App Crea React.

Questo ha risolto il mio problema

passi:

1. Disinstallare l'app create-reazioni

npm uninstall -g create-react-app

2.Ora basta usare

npx create-react-app my-app

questo creerà automaticamente il modello per te.

Questo problema non viene risolto in questo modo, il problema si trova nelle diverse istanze del nodo, prova a rimuovere globalmente create-reag-app e quindi elimina node_modules e package-lock.json dal tuo utente root

Questo funziona per me!

1) npm uninstall -g create-react-app

2) npm install -g create-react-app

3) npx create-react-app app_name

Se hai precedentemente installato a create-react-applivello globale tramite npm install -g create-react-app, Meglio disinstallarlo utilizzandonpm uninstall -g create-react-app

Per prima cosa disinstalla create -eagire-app

npm uninstall -g create-react-app

Quindi corri yarn create react-app my-app onpx create-react-app my-app

quindi in esecuzione yarn create react-app my-apponpx create-react-app my-app potrebbe ancora dare l'errore,

Non è stato fornito un modello. Ciò è probabilmente dovuto al fatto che stai utilizzando una versione obsoleta di create -eagire-app. Tieni presente che le installazioni globali di create-reagire-app non sono più supportate.

Questo può accadere a causa delle incassi. Quindi prossima corsa

npm cache clean --force 

quindi corri

npm cache verify

Ora è tutto chiaro. Adesso corri

yarn create react-app my-app o npx create-react-app my-app

Ora otterrai ciò che ti aspettavi!

Risolvo questo problema su Mac disinstallando create-react-appda npm lib globale, questo è fondamentalmente ciò che ha detto, basta provare a fare, è necessario anche fare sudo:

sudo npm uninstall -g create-react-app

Quindi esegui semplicemente:

npx create-react-app my-app-name

Ora dovrebbe andare tutto bene e ottenere le strutture delle cartelle come di seguito:

Usando il comando npm uninstall -g create-react-app non ha funzionato per me.

Ma ha funzionato:

yarn global remove create-react-app

e poi:

npx create-react-app my-app

Questo lavoro è per me:

Disinstalla create-reagire-app a livello globale con questo comando:

npm uninstall -g create-react-app

Successivamente nella directory del progetto:

npm install create-react-app@latest

Alla fine:

npx create-react-app my-app

Per dattiloscritto:

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

Un problema così strano perché ieri ha funzionato per me e questa mattina ho riscontrato lo stesso errore. Sulla base delle note di rilascio, è stata aggiunta una nuova funzionalità ai modelli di supporto, quindi sembra che alcune parti siano cambiate nella riga di comando (ad esempio, è --typescriptstato deprecato a favore dell'utilizzo--template typescript )

Sono riuscito a farlo funzionare nel modo seguente:

1. Disinstalla globale create -eagire-app npm uninstall create-react-app -g .
2. Verifica cache npm npm cache verify .
3. Terminale chiuso Uso il terminale mac, se usando un IDE potrei chiudere e riaprire.
4. Riapri il terminale, cerca dove vuoi il tuo progetto ed esegui create-reagire-app tramite npx usando le nuove convenzioni di comando modello. Per farlo funzionare, ho usato il dattiloscritto my-app dal sito della documentazione per garantire coerenza:npx create-react-app my-app --template typescript

Se funziona, dovresti vedere più installazioni: una per gli script di reazione e una per il modello. Inoltre, il messaggio di errore non dovrebbe più apparire.

npm uninstall -g create-react-app potrebbe essere una risposta in alcuni casi, ma non nella mia.

Dovresti eliminare manualmente la tua app create-reazioni situata in ~/.node/bin/o /usr/bin/(basta digitare which create-react-appe rimuoverla dalle posizioni che hai visto usando rm -rf), quindi eseguinpm i -g create-react-app .

Dopodiché create-react-appfunzionerà correttamente.

Questo ha funzionato per me 1. Prima disinstallare create -eagire-app a livello globale con questo comando:

npm uninstall -g create-react-app

Se hai ancora l'installazione precedente, elimina completamente la cartella chiamata la mia app (assicurati che nessun programma stia utilizzando quella cartella incluso il tuo terminale o cmd promt)

2.quindi nella directory del progetto:

npm install create-react-app@latest

3.Infine:

npx create-react-app my-app

Dopo aver usato questo comando:

yarn global upgrade create-react-app

Ho quindi provato:

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

Questo ha funzionato però:

npx create-react-app my-app 

Per Windows 10 ho dovuto eliminare manualmente alcune cartelle nella cache di C:\Users\username\AppData\Local\Yarn\Cache\v1thread , il mio percorso era qualcosa di simile e le pieghe che dovevo rimuovere erano qualcosa di similenpm-create-react-app-1.0.0-1234567890abcdef

Ho avuto lo stesso problema e ho installato "create-reagire-app" a livello globale sulla mia macchina. C'è un errore:

"Non è stato fornito un modello. Ciò è probabilmente dovuto al fatto che stai utilizzando una versione obsoleta di create -eagire-app. Tieni presente che le installazioni globali di create-reagire-app non sono più supportate."

Quindi ho rimosso l'installazione precedente utilizzando questo comando.

npm uninstall -g create -eagire-app

Quindi installa la nuova app di reazione.

npx create -eagire-nuova app-app

Prova a eseguire il tuo terminale come amministratore. Stavo avendo lo stesso problema e nulla mi ha aiutato a parte l'apertura del terminale come amministratore e quindi fare il tuoAppName npx create-reply-app