Create-React-App erstellt keine Starter-Vorlage

12

Ich versuche, ein neues Projekt mit der Typoskriptvorlage gemäß diesen Anweisungen zu erstellen .

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

Obwohl alle Knotenmodule installiert werden, wird weder das Starterprojekt erstellt noch die bereitgestellte Vorlage verwendet. Ich bekomme diese Nachricht:

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.

Ich versuche, den Anweisungen zu folgen und die globale Installation der CLI zu löschen, aber das funktioniert auch nicht:

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

Egal was ich mache, ich kann die CLI nicht deinstallieren. Was ist los?

Bearbeiten:

Ich konnte es teilweise auf dem PC zum Laufen bringen.

npm remove create-react-app

dann

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

Ich habe es mit Klammern versucht und obwohl das Vorlagenprojekt vorhanden ist, ist es nicht in Typoskript. Mit dem Cli stimmt gerade etwas nicht.

Bearbeiten:

Dieser Beitrag löste das Problem, dass die CLI nicht deinstalliert werden konnte. Hoffe das hilft jemandem und bitte stimme dem OP zu.

Mickers
quelle
3
Genau das gleiche Problem passiert mir gerade. Ich bin gelaufen npm uninstall -g create-react-appund dann npx create-react-app app-uimit und ohne Vorlagenflag gelaufen , aber ich erhalte die gleiche Warnung. Die resultierende Ausgabe ist nur das Verzeichnis node_modules, eine package.json und eine package-lock.json. Ich bin mir nicht sicher, was ich falsch mache.
arbitrayUserName

Antworten:

7

für die Operation: Ihre Klammern sind fehl am Platz. Für Ihren Fall wird in den Dokumentationsdokumenten Folgendes angegeben :

npx create-react-app my-app --template [Vorlagenname]
-oder-
npx create-react-app my-app --template Typoskript


Für alle anderen:

1. deinstallieren ( ich bin unter Linux / Ubuntu )

sudo npm uninstall -g create-react-app

2. Dann laufen

npx create-react-app my-app

Hinweis: Stellen Sie sicher, dass alle Ordner / Dateien bei der Deinstallation entfernt wurden . Wenn Sie Probleme haben, auf die Reaktionsordner in Ihrem Linux-Setup zuzugreifen, wie ich es war (aufgrund von Berechtigungen), erhalten Sie Zugriff und entfernen Sie diese durch:

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

(... und dann den Befehl npx ausführen.)

C-Note187
quelle
1
Durch Entfernen der Klammern wurde die Typoskriptvorlage funktionsfähig. Ich bin mir nicht sicher, warum ich sie dort hatte. Ich nehme an, ich habe nur alles versucht, um die Dinge zum Laufen zu bringen. Vielen Dank!
Mickers
Ich bin froh zu hören, dass es funktioniert hat!
C-Note187
8

Ich habe dieses Problem durch behoben sudo npm uninstall -g create-react-app

Aber dies hat die Create-React-App nicht entfernt, also musste ich überprüfen, in welchem ​​Verzeichnis sie sich befindet. Wenn Sie im Terminal Folgendes eingeben:

which create-react-app

es wird Ihnen ein Verzeichnis geben wie / usr / local / bin / create-reagieren-App jetzt tun:

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

Dadurch wird die Create-React-App manuell entfernt. Jetzt können Sie mit der Erstellung einer Reaktions-App beginnen npx create-react-app my-app

Mr_b194
quelle
2
Ich benutze Ubuntu 19.10 und das hat wie ein Zauber funktioniert!
Egdavid
1
Ich benutze OSX (MacBook) und das hat auch funktioniert!
Bumhwan Kim
1

Ich hatte das gleiche Problem. Das funktioniert bei mir (Linux)

Schritt 01.

sudo npm remove create-react-app

Schritt 02.

sudo npm uninstall -g create-react-app

Schritt 03.

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

Ich hoffe das hilft.

Lakshan Hettiarachchi
quelle
Dies funktioniert vielen Dank
user3811671
0

Erstellen Sie eine React Startup-Vorlage

1.npx create-react-app your_app_name

2.cd your_app_name

3.npm starten

Vaibhav Tamuche
quelle
0

Auch wenn Sie ausgeführt haben, npm uninstall -g create-react-app create-react-appkann noch installiert sein. Sie können dies überprüfen, indem Sie ausführen which create-react-app. Wenn ein Pfad zurückgegeben wird, create-react-appist er immer noch installiert. Sie können das Modul mit löschen rm -r ${returned path}. Danach sollte das Laufen npx create-react-app app-ui --template typescriptohne Fehler oder Warnungen funktionieren.

arbitrayUserName
quelle
0

Ich habe 3 Lösungen gefunden, die ich Schritt für Schritt angewendet habe, als ich mich dieser Situation gestellt habe.

Erster Schritt: Aus dem offiziellen Handbuch,

Wenn Sie die create-react-app zuvor global über npm install -g create-react-app installiert haben, empfehlen wir Ihnen, das Paket mit npm uninstall -g create-react-app zu deinstallieren, um sicherzustellen, dass npx immer die neueste Version verwendet.

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

Sie können die folgenden Befehle verwenden:

  • npx create-react-app my-app
  • npm init react-app my-app
  • Garn erstellen React-App My-App

Zweiter Schritt (Wenn der erste nicht funktioniert):

Manchmal werden Caches beibehalten. Dann können Sie die folgenden Befehle verwenden.

  • npm deinstalliere -g create-react-app
  • npm cache clean --force
  • npm Cache überprüfen
  • Garn erstellen React-App My-App

Dritter Schritt: (Wenn diese 2 nicht funktionieren) Deinstallieren Sie zuerst über npm uninstall -g create-react-app und überprüfen Sie dann, ob Sie es noch "installiert" haben, mit welchem Befehl create-react-app in Ihrer Befehlszeile. Wenn Sie etwas wie ( / usr / local / bin / create-react-app ) haben, führen Sie diese rm -rf / usr / local / bin / create-react-app (Ordner kann variieren) aus, um sie manuell zu löschen. Dann installieren Sie es erneut über npx / npm / yarn. NB : Ich habe den letzten Schritt geschafft.

Moshiur Rahman
quelle
0

Als ich ausgeführt habe

create-react-app hallo

Wird nur unterhalb der Ordnerstruktur mit Benachrichtigung generiert

"Eine Vorlage wurde nicht bereitgestellt. Dies liegt wahrscheinlich daran, dass Sie eine veraltete Version der Create-React-App verwenden. Bitte beachten Sie, dass globale Installationen der Create-React-App nicht mehr unterstützt werden."

node_modules
package.json
yarn.lock

Befolgen Sie die nachstehenden Schritte, um das Problem zu beheben

// Deinstallation des Pakets create-react-app

npm deinstalliere -g create-react-app

Danach bin ich bereit, eine neue Reaktions-App über "npx" zu erstellen.

Für die ES6-Variante (Standard wird die ES6-Sprache verwendet)

npx create-react-app hallo-welt

Für Typoskript-Geschmack

npx create-react-app hallo-welt - vorlage typskript

Im Folgenden finden Sie die Ordnerstruktur nach dem Ausführen über cmd

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

Garnstart // Funktioniert gut

node: v10.16.0
npm: 6.10.2
Asishkhuntia
quelle
0

Meine Lösung war etwas anders als Ihre, daher werde ich sie hier hinzufügen, falls jemand ein ähnliches Problem hat. Anscheinend habe ich die Create-React-App global mit Garn installiert, das ich beim Laufen sehen konnte, which create-react-appwas zu einem Pfad wie führte .../.config/yarn/global/node_modules/.bin/create-react-app. Durch Ausführen yarn global remove create-react-appwurde dieses Paket entfernt und ich konnte es npx create-react-app app --template typescripterfolgreich ausführen .

das Phänomen
quelle
0
  1. Installieren Sie die Create-React-App

Am Anfang müssen wir das Tool create-react-app installieren. Es ist ein Tool, das von den Erstellern von React.js bereitgestellt wird und das die Installation einer gebrauchsfertigen React.js-Anwendung mit allen erforderlichen Abhängigkeiten ermöglicht. Um das Tool zu installieren, müssen Sie den folgenden Befehl in der Befehlszeile verwenden:

npm install -g create-react-app
  1. Erstellen Sie die Anwendung

Jetzt ist es ganz einfach, unsere erste Anwendung mit dem Tool zum Erstellen und Reagieren von Apps zu erstellen. Wir können dies mit einem einzigen Befehl in unserer Befehlszeile tun. Navigieren Sie zunächst über die Befehlszeile zu dem Ordner, in dem Sie Ihre Anwendung haben möchten, und führen Sie dann den folgenden Befehl aus, wobei reactapp der Name unserer Anwendung ist:

npx create-react-app reactapp

Sie können jederzeit einen anderen Namen für Ihre Anwendung festlegen. Wenn der Vorgang erfolgreich abgeschlossen wurde, sollten Sie Ihren Ordner mit der App bereithalten! Starten wir jetzt die Anwendung!

  1. Starten Sie die Anwendung

Beginnen wir unsere Reaktion mit den folgenden Befehlen:

cd reactapp
npm start

Der erste Befehl wird verwendet, um den Ordner unserer Anwendung einzugeben, und der zweite Befehl startet unsere App. Standardmäßig ist die Anwendung unter localhost: 3000 geöffnet, aber wir können den Port in den Einstellungen ändern.

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

Hpe das hilft!

Aremu Ibrahim
quelle
0

Führen Sie für Windows-Benutzer zwei Schritte aus

npm uninstall -g create-react-app

Dann

npx create-react-app jamming

Aktualisieren Sie weiterhin Ihren Knoten und npm, die neueste stabile Version

Mamunur Rashid
quelle
0
  1. Deinstallieren Sie create-react-app mit dem folgenden Befehl: sudo npm uninstall -g create-react-app

Da npm die globale Verwendung von npm-Modulen nicht unterstützt.

  1. Installieren Sie die Kesselplatte von create-react-app wie gewohnt mit dem folgenden Befehl: npx create-react-app my-app

Es klappt!!

Yousuf Shareef
quelle
-1

Ich hatte das gleiche Problem. Ich habe es versucht. npm install -g create-react-app
Dann habe create-react-app app-nameich es geschafft.

Misterjoe
quelle
Ja, aber löst das den Vorlagenfehler? Ich bin jetzt auf einem Windows-Computer (war früher auf einem Mac) und es macht dasselbe ... Leeres Projekt und Typoskript waren nicht enthalten.
Mickers