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.
quelle
npm uninstall -g create-react-app
und dannnpx create-react-app app-ui
mit 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.Antworten:
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 )
2. Dann laufen
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:
(... und dann den Befehl npx ausführen.)
quelle
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:
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
quelle
Ich hatte das gleiche Problem. Das funktioniert bei mir (Linux)
Schritt 01.
Schritt 02.
Schritt 03.
Ich hoffe das hilft.
quelle
Erstellen Sie eine React Startup-Vorlage
1.npx create-react-app your_app_name
2.cd your_app_name
3.npm starten
quelle
Auch wenn Sie ausgeführt haben,
npm uninstall -g create-react-app
create-react-app
kann noch installiert sein. Sie können dies überprüfen, indem Sie ausführenwhich create-react-app
. Wenn ein Pfad zurückgegeben wird,create-react-app
ist er immer noch installiert. Sie können das Modul mit löschenrm -r ${returned path}
. Danach sollte das Laufennpx create-react-app app-ui --template typescript
ohne Fehler oder Warnungen funktionieren.quelle
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,
https://create-react-app.dev/docs/getting-started
Sie können die folgenden Befehle verwenden:
Zweiter Schritt (Wenn der erste nicht funktioniert):
Manchmal werden Caches beibehalten. Dann können Sie die folgenden Befehle verwenden.
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.
quelle
Als ich ausgeführt habe
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."
Befolgen Sie die nachstehenden Schritte, um das Problem zu beheben
// Deinstallation des Pakets 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)
Für Typoskript-Geschmack
Im Folgenden finden Sie die Ordnerstruktur nach dem Ausführen über cmd
quelle
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-app
was zu einem Pfad wie führte.../.config/yarn/global/node_modules/.bin/create-react-app
. Durch Ausführenyarn global remove create-react-app
wurde dieses Paket entfernt und ich konnte esnpx create-react-app app --template typescript
erfolgreich ausführen .quelle
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:
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:
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!
Beginnen wir unsere Reaktion mit den folgenden Befehlen:
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!
quelle
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
quelle
Da npm die globale Verwendung von npm-Modulen nicht unterstützt.
Es klappt!!
quelle
Ich hatte das gleiche Problem. Ich habe es versucht.
npm install -g create-react-app
Dann habe
create-react-app app-name
ich es geschafft.quelle