Create-React-App non crea un modello iniziale


12

Sto cercando di creare un nuovo progetto con il modello dattiloscritto secondo queste istruzioni .

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

Sebbene installi tutti i moduli nodo, non crea il progetto iniziale né utilizza il modello fornito. Ricevo questo messaggio:

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.

Sto tentando di seguire le istruzioni ed eliminare l'installazione globale del cli ma anche questo non funziona:

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

Non importa cosa faccio, non riesco a disinstallare il cli. Cosa sta succedendo?

Modificare:

Sono stato in grado di farlo funzionare parzialmente su PC.

npm remove create-react-app

poi

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

Ho provato con parentesi e sebbene il progetto modello sia lì non è in dattiloscritto. C'è qualcosa di molto sbagliato nel cli in questo momento.

Modificare:

Questo post ha risolto il problema di non poter disinstallare il cli. Spero che questo aiuti qualcuno e per favore vota l'OP.


3
Questo stesso identico problema mi sta accadendo proprio ora. Ho corso npm uninstall -g create-react-app, quindi ho eseguito npx create-react-app app-uientrambi con e senza il flag modello ma sto ricevendo lo stesso avviso. L'output risultante è solo la directory node_modules, un package.json e un package-lock.json. Non sono sicuro di cosa sto facendo di sbagliato.
arbitrayUserName

Risposte:


7

per l'operazione : le parentesi sono fuori posto. Per il tuo caso, i documenti della documentazione dicono di usare:

npx create -eagire-app my-app --template [nome-modello]
-oppure-
npx creare-reagire-app my-app --template typescript


Per tutti gli altri:

1. disinstallare ( sono su Linux / Ubuntu )

sudo npm uninstall -g create-react-app

2. Quindi eseguire

npx create-react-app my-app

Nota: assicurarsi che tutte le cartelle / i file siano stati rimossi durante la disinstallazione . Se hai problemi ad accedere alle cartelle dei reagenti nella tua configurazione di Linux com'ero (a causa delle autorizzazioni), accedi e rimuovi tramite:

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

(... e quindi esegui il comando npx.)


1
La rimozione delle parentesi ha reso funzionale il modello dattiloscritto. Non sono sicuro del perché li avessi lì. Suppongo che stavo solo provando tutto il possibile per far funzionare le cose. Grazie!
Mickers,

felice di sapere che ha funzionato!
Nota C187 del

8

Ho risolto questo problema con sudo npm uninstall -g create-react-app

ma questo non ha rimosso create -eagire-app, quindi ho dovuto controllare in quale directory si trova. Nel terminale, se si digita:

which create-react-app

ti darà alcune directory come / usr / local / bin / create -eagire-app Ora fai:

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

Ciò rimuoverà manualmente create -eagire-app. Ora puoi iniziare a creare l'app di reazione usando npx create-react-app my-app


2
Sto usando Ubuntu 19.10 e questo ha funzionato come un fascino!
egdavid,

1
Sto usando OSX (MacBook) e anche questo ha funzionato!
Bumhwan Kim

1

Avevo lo stesso problema. Questo funziona per me (Linux)

Step 01

sudo npm remove create-react-app

Passo 02

sudo npm uninstall -g create-react-app

Passo 03

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

Spero che questo possa essere d'aiuto.


Questo funziona molto grazie
user3811671

0

Crea modello di avvio React

1.npx create -eagire-app your_app_name

2.cd your_app_name

3.npm inizio


0

Anche se hai eseguito npm uninstall -g create-react-app create-react-apppotrebbe essere ancora installato. Puoi controllare eseguendo which create-react-app. Se viene restituito un percorso create-react-appè ancora installato. È possibile eliminare il modulo con rm -r ${returned path}. Dopodiché l'esecuzione npx create-react-app app-ui --template typescriptdovrebbe funzionare senza errori o avvisi.


0

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

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

È possibile utilizzare questi comandi di seguito:

  • npx create-reply-app my-app
  • npm init reag-app mia-app
  • filato crea reattivo app-mia-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 -eagire-app
  • npm cache clean --force
  • verifica cache npm
  • filato crea reattivo app-mia-app

Terzo passaggio: (se questi 2 non funzionano) disinstallare prima tramite npm uninstall -g create -eagire-app , quindi verificare se è ancora installato "con" con il comando di creare-reagire-app sulla riga di comando. Se hai qualcosa come ( / usr / local / bin / create -eagire-app ), esegui questa app rm -rf / usr / local / bin / create-reagire (la cartella può variare) per eliminarla manualmente. Quindi installarlo nuovamente tramite npx / npm / yarn. NB : ci riesco nell'ultimo passaggio.


0

Quando ho eseguito

ciao create -eagire-app

generato solo sotto la struttura delle cartelle, con notifica

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

node_modules
package.json
yarn.lock

Seguito i passaggi seguenti per risolto

// Disinstallazione del pacchetto create -eagire-app

npm uninstall -g create -eagire-app

Dopodiché sono pronto a creare una nuova app di reazione tramite "npx"

Per sapore ES6 (impostazione predefinita, prenderà la lingua ES6)

npx create-reagire-app ciao-mondo

Per sapore tipografico

npx create-reply-app hello-world - dattiloscritto modello

Di seguito sono riportate le strutture delle cartelle dopo l'esecuzione sopra cmd

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

inizio filato // Funziona bene

node: v10.16.0
npm: 6.10.2

0

La mia soluzione è risultata leggermente diversa dalla tua, quindi la aggiungerò qui nel caso in cui qualcuno abbia un problema simile. Apparentemente ho installato crea-reagire-app a livello globale con filato che ho potuto vedere quando ho corso which create-react-appche ha provocato un percorso simile .../.config/yarn/global/node_modules/.bin/create-react-app. In esecuzione yarn global remove create-react-apprimosso questo pacchetto e quindi sono stato in grado di eseguire npx create-react-app app --template typescriptcorrettamente.


0
  1. Installa create -eagire-app

All'inizio, dobbiamo installare lo strumento create-reagire-app. È uno strumento fornito dai creatori di React.js, che consente l'installazione dell'applicazione React.js pronta all'uso, con tutte le dipendenze necessarie. Per installare lo strumento, dobbiamo usare il seguente comando nella riga di comando:

npm install -g create-react-app
  1. Crea l'applicazione

Adesso è semplicissimo creare la nostra prima applicazione usando lo strumento create-reagire-app. Possiamo farlo con un singolo comando nella nostra riga di comando. Innanzitutto, vai alla cartella in cui desideri avere la tua applicazione attraverso la riga di comando, quindi esegui il comando seguente, dove reattapp è il nome della nostra applicazione:

npx create-react-app reactapp

Puoi sentirti libero di impostare un nome diverso per la tua applicazione. Se il processo è andato a buon fine, dovresti avere la tua cartella con l'app pronta! Iniziamo subito l'applicazione!

  1. Avvia l'applicazione

Iniziamo il nostro reagente con i seguenti comandi:

cd reactapp
npm start

Il primo comando viene utilizzato per accedere alla cartella della nostra applicazione e il secondo avvia la nostra app. Per impostazione predefinita, l'applicazione è aperta su localhost: 3000, ma possiamo modificare la porta nelle impostazioni.

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

Hpe questo aiuta!


0

Per gli utenti Windows, seguire due passaggi

npm uninstall -g create-react-app

Poi

npx create-react-app jamming

continua ad aggiornare il tuo nodo e npm, l'ultima versione stabile


0
  1. Disinstallare create -eagire-app usando il comando: sudo npm uninstall -g create -eagire-app

Poiché npm non supporta l'uso globale dei moduli npm.

  1. installare come al solito la caldaia-plate create -eagire-app usando il comando: npx creare-reagire-app my-app

Funziona!!


-1

Avevo lo stesso problema. Ho provato questo, npm install -g create-react-app
quindi ho fatto il lavoro create-react-app app-nameper me.


Sì, ma risolve l'errore del modello? Ora sono su una macchina Windows (era su un Mac prima) e sta facendo la stessa cosa ... Progetto vuoto e dattiloscritto non erano inclusi.
Mickers,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.