Vorlage nicht mit create-react-app bereitgestellt


298

Wenn ich den create-react-app my-appBefehl in mein Terminal eingebe, scheint es zu funktionieren - alle Bibliotheken erfolgreich herunterzuladen usw. Am Ende dieses Vorgangs erhalte ich jedoch die Meldung, dass a template was not provided.

Eingang

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

Ausgabe

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 von my-app:

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

Ich habe das CRA- Änderungsprotokoll ausgecheckt und es sieht so aus, als ob Unterstützung für benutzerdefinierte Vorlagen hinzugefügt wurde - es sieht jedoch nicht so aus, als hätte sich der Befehl create-react-app my-appgeändert.

Irgendeine Idee, was hier los ist?


7
Gerüchten zufolge ist das globale Paket nicht mehr so ​​heiß. versuchen Sie 'npm init react-app my-app'
Tim Wilson

12
Aktualisieren Sie auch Ihre Installation
Tim Wilson

11
Vielen Dank - was letztendlich funktioniert hat (mit Yarn), ist das Upgrade von CRA mit: yarn global upgrade create-react-app- und dannyarn create react-app my-app
SamYoungNY

Ich habe das gleiche Problem auf einer Windows-Maschine
Max Carroll

Was für mich funktionierte, als alle Ratschläge hier fehlschlugen, war das locate create-react-appLöschen aller Verzeichnisse, die create-react-appim Namen enthalten waren. Erst dann hat es npx create-react-appbei mir endlich wieder normal geklappt.
Kai Carver

Antworten:


354

Wenn Sie zuvor create-react-appglobal über installiert haben npm install -g create-react-app, empfehlen wir Ihnen, das Paket mit npm uninstall -g create-react-appzu deinstallieren, um sicherzustellen, dass npximmer die neueste Version verwendet wird.

Docs

Verwenden Sie einen der folgenden Befehle:

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

21
Ich dachte, npm deinstalliere -g create-react-app und npx create-react-app my-app würde funktionieren. Aber irgendwie erstellt npx immer noch ein Projekt ohne die Vorlage. Ist die Create-React-App irgendwie zwischengespeichert? Ich dachte, eine globale Cra-Installation wäre veraltet. Ich musste stattdessen create-react-app -g aktualisieren, bevor ich npx verwenden konnte.
Robin Wieruch

126
Wenn Sie danach immer noch denselben Fehler haben npm uninstall -g create-react-app, geben Sie ihn which create-react-appin Ihre Konsole ein. Wenn es so etwas wie zurückgibt /usr/local/bin/create-react-app, führen Sie a aus rm -rf /usr/local/bin/create-react-app, um es manuell zu löschen.
v42

13
Dies ist meiner Meinung nach kein guter Ansatz. Warum müssen wir jedes Mal Dinge herunterladen und ausführen, anstatt eine lokale Kopie zu haben? Die Verschwendung von Bandbreite und eine sehr gute Möglichkeit, zufälligen Code aus dem Internet auszuführen und eines Tages gehackt zu werden ... Installieren Sie ihn einfach neu, wie ich es bei npm install create-react-app -gmeiner Lösung getan habe. Das bedeutet, dass Sie diesen Fehler irgendwann wieder erhalten, aber die Leute sollten keinen beliebigen Code ausführen die Netze und sollten in der Lage sein, auf einer bestimmten Version zu bleiben, wenn sie dies wünschen ....
Rodrigo Graça

7
Endlich funktioniert es für die Typoskript-Vorlage npm uninstall -g create-react-app sudo rm -rf /usr/local/bin/create-react-app npx create-react-app newapp --template typescript
CyberProdigy

2
Verwenden Sie diese npm list -g --depth=0Option, um festzustellen, ob die Create-React-App in Ihren installierten Knotenpaketen aufgeführt ist. Wenn dies npm uninstall -g create-react-appder Fall ist, führen Sie die Deinstallation aus.
Claude De-Tchambila

59

1)

npm uninstall -g create-react-app

oder

yarn global remove create-react-app

2)

Es scheint einen Fehler zu geben, bei dem die App "create-react-app" nicht ordnungsgemäß deinstalliert wurde und die Verwendung eines der neuen Befehle zu folgenden Ergebnissen führt:

Eine Vorlage wurde nicht bereitgestellt. Dies liegt wahrscheinlich daran, dass Sie eine veraltete Version der Create-React-App verwenden.

npm uninstall -g create-react-appÜberprüfen Sie nach der Deinstallation mit , ob Sie es noch mit which create-react-app(Windows :) where create-react-appin Ihrer Befehlszeile "installiert" haben . Wenn etwas zurückgegeben wird (z. B. / usr / local / bin / create-react-app ), führen Sie a aus rm -rf /usr/local/bin/create-react-app, um es manuell zu löschen.

3)

Dann eine dieser Möglichkeiten:

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

5
Ich musste den Installationsordner entfernen, npm deinstallieren create-react-app -g funktionierte nicht
artfulbeest

2
$ echo '#! / bin / sh'> / usr / local / bin / create-react-app $ echo 'echo benutze stattdessen Garn create-react-app'> / usr / local / bin / create-react-app $ chmod 0700 / usr / local / bin / create-react-app
Jason FB

1
Unter Windows können Sie den Befehl whereanstelle vonwhich
Vinicius

41

Obwohl schon viele Antworten hier sind. 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 zuvor create-react-app global über installiert haben, npm install -g create-react-appempfehlen wir Ihnen, das Paket mit npm uninstall -g create-react-appzu 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
  • yarn create react-app my-app

Zweiter Schritt (Wenn der erste nicht funktioniert):

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

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

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

NB : Ich habe den letzten Schritt geschafft.


2
Das hat bei mir funktioniert. Vielen Dank.
Versprich Preston

Dies funktionierte für mich unter MacOS.
Hunter

Aus welchem ​​Grund auch immer npxund npm initfunktionierte nicht, sondern yarnnach dem Löschen des Cache. Ich musste auch in rm -rfden create-react-appOrdner. So dankbar für SO.
ZebGir

28

Deinstallieren Sie zuerst die create-react-app global mit diesem Befehl:

npm uninstall -g create-react-app

dann in Ihrem Projektverzeichnis:

npm install create-react-app@latest

endlich:

npx create-react-app my-app

Dieser hilft mir TY
Smaïne


17

Ich hatte auch das gleiche Problem. Als ich versuchte, gab der npm init react-app my-appBefehl dieselbe Nachricht zurück

Eine Vorlage wurde nicht bereitgestellt. Dies liegt wahrscheinlich daran, dass Sie eine veraltete Version der Create-React-App verwenden.

Aber

yarn create react-app my-app Befehl funktioniert gut.


17

Das hat bei mir funktioniert.

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

15
  1. npm install -g create-react-app in deinem PC
  2. Erstellen Sie erneut ein Reaktionsprojekt mit npx create-react-app my-app

8
Es wird jedoch empfohlen, create-react-app global zu deinstallieren.
Robin Wieruch

Fehler wird zurückgegeben, wenn es ein neues Update mit dieser Methode gibt
Hilary Mwape

Ich denke, dies ist der Grund für den Fehler bei der globalen Installation der Create-React-App
Robert Stokes

12

Diese beiden Schritte haben bei mir funktioniert

1) Reagieren Sie die React-App mit diesem Befehl global

npm uninstall -g create-react-app

2) Installierte React-App mit diesem Befehl im Projektordner

npx create-react-app project-name

10

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

Dies wird unter https://create-react-app.dev/docs/getting-started/ gemeldet . Für mich hat das nicht funktioniert. Ich musste stattdessen die create-react-app global neu installieren.

Meine Schritte zur Behebung dieses Problems waren:

  1. npm deinstalliere -g create-react-app
  2. npm install -g create-react-app
  3. npx create-react-app my-app

1
Es wird nicht mehr empfohlen, eine globale Installation von create-react-app zu verwenden.
Robin Wieruch

4
Dies ist wahr, aber ich konnte keinen anderen Weg finden, um die Vorlage zu installieren, ohne eine globale Installation durchzuführen. Für meine App macht es sowieso keinen Unterschied.
Gully Habibi

6
Ja, genau das, was der Arzt sagt, funktioniert nicht
Corey Gibson

10

Leeren Sie zuerst Ihren npm-Cache und verwenden Sie dann das Garn wie folgt:

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

Ich hoffe das hilft.

BEARBEITEN

... möchten Sie vielleicht Folgendes versuchen, nachdem ich mich weiter mit diesem Problem befasst habe:

  1. npm uninstall -g create-react-app
  2. yarn global remove create-react-app
  3. which create-react-app - Wenn etwas zurückgegeben wird (z. B. / usr / local / bin / create-react-app), führen Sie eine rm -rf / usr / local / bin / create-react-app aus, um sie manuell zu löschen.
  4. npm cache clean --force
  5. npm cache verify
  6. npx create-react-app@latest

Diese Schritte sollten global installierte Installationen von create-react-app entfernen. Anschließend entfernen Sie manuell die alten Verzeichnisse, die mit den alten global installierten Skripten von create-react-app verknüpft sind. Es ist dann eine gute Idee, den npm-Cache zu leeren, um sicherzustellen, dass Sie keine alten zwischengespeicherten Versionen der create-react-app verwenden. Zuletzt erstellen Sie eine neue Reactjs-App mit dem@latest Option : npx create-react-app@latest. Es gab viel Verwirrung in Bezug auf dieses Problem, bei dem bei Verwendung der npx create-react-app keine Vorlage erstellt wird. Wenn Sie die oben angegebenen Schritte (1-6) ausführen, hoffe ich, dass Sie Erfolg haben.

ps

Wenn ich dann eine Reaktions-App in einem Verzeichnis namens client erstellen wollte, gab ich den folgenden Befehl in das Terminal ein:

npx creacte-react-app@latest ./client

Viel Glück.


9

Alle Optionen haben unter MacOS bei mir nicht funktioniert. Was funktionierte, waren die folgenden 3 Schritte:

  1. Löschen Sie den Knoten aus: / usr / local / bin /

dann

  1. Installieren Sie den Knoten neu: https://nodejs.org/en/

dann

  1. Installieren Sie react: npx create-react-app my-app folgt: https://create-react-app.dev/

Ja, das ist richtig - dann prüfen Sie, ob es noch installiert ist. $ React-create-app --version. WENN es noch eine Version gibt, müssen Sie diese möglicherweise manuell entfernen. In meinem Fall blieb es ~ / .nvm / version / node / <knotenversion> / lib / knotenmodule, so dass Sie rm -rf reagieren-erstellen-app in diesem Ordner
Nelles

9

Also habe ich hier alle Schritte durchlaufen, aber nicht geholfen.

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

Ich bin auf einem Mac mit Mojave 10.15.2

CRA wurde nicht global installiert - fand es nicht in /usr/local/lib/node_modulesoder/usr/local/bin nicht.

Dann bin ich auf diesen Kommentar zu den Github-Problemen von CRA gestoßen. Das Ausführen des Befehls mit der --ignore-existingFlagge hat geholfen.


8

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

Arbeite für mich, nachdem du alle Antworten ausprobiert hast, und hoffe, dass sie jemandem in Zukunft helfen können.


7

Für Linux hat das bei mir funktioniert

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

7

TLDR: Deinstallieren Sie das globale Paket mit npm uninstall -g create-react-appund generieren Sie neue Reaktions-Apps mit npx create-react-app app.


Problem

Sie verwenden eine ältere Version create-react-app, die Sie global mit npm installiert haben. Dascreate-react-app Befehl ruft dieses globale Paket auf.

Sie könnten sich vergewissert haben , dass Sie eine veraltete Version , indem Sie wurden mit npm outdated -g create-react-appoder Vergleichen create-react-app --versionmit npm view create-react-app.

Die Tatsache, dass die Version von react-scriptsauf dem neuesten Stand war, hat nichts mit der Version des Pakets zu tun, das die App ( create-react-app) bootet, die die neuesten Versionen der verwendeten Pakete abruft ( react-scriptsin diesem Fall).

Lösung

Wenn Sie den create-react-appBefehl weiterhin verwenden möchten , müssen Sie das globale Paket mit aktualisieren npm update -g create-react-app. Beachten Sie, dass Sie dies regelmäßig tun möchten, um es auf dem neuesten Stand zu halten. Sie werden feststellen, dass create-react-appdies nicht empfohlen wird (in den Protokollen Ihrer Installation vermerkt).

Ein besserer Ansatz wäre, die globale Installation vollständig zu löschen ( npm uninstall -g create-react-app) und stattdessen zu verwenden, npxdamit jedes Mal die neueste Version des Pakets abgerufen wird (weitere Informationen finden Sie unternpx unten).

Sie sollten bestätigen, dass es global deinstalliert wurde, indem Sie versuchen create-react-app, sicherzustellen, dass der Befehl "nicht gefunden" wird.

Probleme bei der Deinstallation?

Sie können debuggen, wo es installiert wurde which create-react-app. Wenn Sie Probleme bei der Deinstallation haben, befinden sich möglicherweise mehrere Versionen von node / npm auf Ihrem Computer (aus mehreren Installationen oder weil Sie einen Knotenversionsmanager wie z. B. verwenden nvm). Dies ist ein separates Problem, das ich hier nicht ansprechen werde, aber diese Antwort enthält einige Informationen .

Ein schneller nuklearer Ansatz wäre, es rm -rfauf dem zurückkehrenden Pfad gewaltsam zu entfernen ( ) which create-react-app.


Ergänzung

Globale npm-Pakete und der npxBefehl

$ NPM_PACKAGE_NAME verwendet immer die global installierte Version des Pakets, unabhängig davon, in welchem ​​Verzeichnis Sie sich befinden.

$ npx NPM_PACKAGE_NAME verwendet die erste Version des Pakets, die beim Suchen vom aktuellen Verzeichnis zum Stammverzeichnis gefunden wird:

  • Wenn Sie das Paket in Ihrem aktuellen Verzeichnis haben, wird es das verwenden.
  • Andernfalls wird das Paket in einem Verzeichnis verwendet, das übergeordnet zu Ihrem aktuellen Verzeichnis ist, und es verwendet das erste, das es findet.
  • Andernfalls wird das Paket verwendet, wenn Sie es global installiert haben.
  • Andernfalls wird das Paket vorübergehend installiert, verwendet und anschließend verworfen, wenn Sie es überhaupt nicht haben. - Dies ist der beste Weg, um sicherzustellen, dass das Paket auf dem neuesten Stand ist .

Weitere Informationen zu npx finden Sie in dieser Antwort .

Verwenden npxmitcreate-react-app

create-react-appEs gibt einige spezielle Befehle / Aliase zum Erstellen einer Reaktions-App (anstelle von npx), die für dieses Paket spezifisch sind ( yarn create react-app, npm init react-app), aber npx create-react-appgenauso funktionieren wie bei anderen Paketen.

yarnvs npmglobale Installationen

Garn speichert globale Installationen in einem anderen Ordner als npm, weshalb yarn create react-appdies ohne Deinstallation des globalen npm-Pakets sofort funktionieren würde (was Garn betrifft, wurde das Paket nicht installiert).

Dies ist jedoch nur eine vorübergehende Lösung, da Sie bei der Verwendung der Create React App immer Garn anstelle von npm verwenden müssen.


5

Dies löste mein Problem

Schritte:

1.Deinstallieren Sie die Create-React-App

npm uninstall -g create-react-app

2. Jetzt einfach benutzen

npx create-react-app my-app

Dadurch wird automatisch die Vorlage für u erstellt.


5

Dieses Problem wird nicht auf diese Weise gelöst. Das Problem liegt in den verschiedenen Instanzen des Knotens. Versuchen Sie, die global erstellen-reagieren-App zu entfernen, und löschen Sie dann die Knotenmodule und die Datei package-lock.json von Ihrem Root-Benutzer


5

Das funktioniert bei mir!

1) npm uninstall -g create-react-app

2) npm install -g create-react-app

3) npx create-react-app app_name

Wenn Sie zuvor create-react-appglobal über installiert haben npm install -g create-react-app, sollten Sie diese besser mit deinstallierennpm uninstall -g create-react-app


3

Deinstallieren Sie zuerst die create-react-app

npm uninstall -g create-react-app

Dann laufen yarn create react-app my-appodernpx create-react-app my-app

dann läuft yarn create react-app my-appoder npx create-react-app my-appkann immer noch den Fehler geben,

Eine Vorlage wurde nicht bereitgestellt. Dies liegt wahrscheinlich daran, dass Sie eine veraltete Version von create-react-app verwenden. Bitte beachten Sie, dass globale Installationen von create-react-app nicht mehr unterstützt werden.

Dies kann aufgrund der Einzahlungen passieren. Also nächster Lauf

npm cache clean --force 

dann renne

npm cache verify

Jetzt ist alles klar. Jetzt renn

yarn create react-app my-app oder npx create-react-app my-app

Jetzt bekommen Sie, was Sie erwartet haben!


3

Ich behebe dieses Problem auf dem Mac durch Deinstallation create-react-appvon der globalen npm lib. Das ist im Grunde genommen das, was gesagt wurde. Versuchen Sie es einfach, Sie müssen auch Folgendes tun sudo:

sudo npm uninstall -g create-react-app

Dann einfach ausführen:

npx create-react-app my-app-name

Jetzt sollte alles gut sein und die Ordnerstrukturen wie folgt erhalten:

Vorlage nicht bereitgestellt mit Create React App


1
Ich habe all diese oben beschriebenen Methoden unter Linux Mint 19 (Ubuntu-basiertes System) ausprobiert. Nichts hat geholfen, aber das hat es geschafft. sudo npm uninstall -g create-react-app
Victor

3

Die Verwendung des Befehls npm uninstall -g create-react-apphat bei mir nicht funktioniert.

Aber das hat funktioniert:

yarn global remove create-react-app

und dann:

npx create-react-app my-app


Dies funktionierte für mich, ich habe alle Methoden ausprobiert, einschließlich des manuellen
Löschens

3

Diese Arbeit ist für mich:

Deinstallieren Sie create-react-app global mit diesem Befehl:

npm uninstall -g create-react-app

Danach in Ihrem Projektverzeichnis:

npm install create-react-app@latest

Zum Schluss:

npx create-react-app my-app

Für Typoskript:

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

2

So ein komisches Problem, weil das gestern bei mir funktioniert hat und ich heute Morgen auf den gleichen Fehler gestoßen bin. Basierend auf den Versionshinweisen wurde eine neue Funktion zur Unterstützung von Vorlagen hinzugefügt, sodass sich anscheinend einige Teile in der Befehlszeile geändert haben (z. B. wurde die Funktion --typescriptzugunsten der Verwendung veraltet --template typescript).

Ich habe es geschafft, alles zum Laufen zu bringen, indem ich Folgendes getan habe:

  1. Deinstallieren Sie die globale Create-React-App npm uninstall create-react-app -g.
  2. Überprüfen Sie den npm-Cache npm cache verify.
  3. Terminal schließen. Ich benutze das Mac-Terminal, wenn ich eine IDE benutze, kann ich sie schließen und wieder öffnen.
  4. Öffnen Sie das Terminal erneut, navigieren Sie zu dem gewünschten Ort und führen Sie die create-react-app über npx mit den neuen Vorlagenbefehlskonventionen aus. Um es zum Laufen zu bringen, habe ich das Typoskript my-app von der Dokumentationsseite verwendet, um die Konsistenz sicherzustellen:npx create-react-app my-app --template typescript

Wenn es funktioniert, sollten mehrere Installationen angezeigt werden: eine für Reaktionsskripte und eine für die Vorlage. Die Fehlermeldung sollte auch nicht mehr erscheinen.


2

npm uninstall -g create-react-app könnte in einigen Fällen eine Antwort sein, aber nicht in meiner.

Sie sollten Ihre Create-React-App, die sich an ~/.node/bin/oder befindet, manuell löschen /usr/bin/(geben Sie sie einfach ein which create-react-appund entfernen Sie sie von den Orten, die Sie gesehen haben rm -rf), und führen Sie sie anschließend ausnpm i -g create-react-app .

Danach create-react-appwird es richtig funktionieren.


2

Dies hat bei mir funktioniert. 1.Deinstallieren Sie die create-react-app zuerst global mit diesem Befehl:

npm uninstall -g create-react-app

Wenn Sie dort noch die vorherige Installation haben, löschen Sie bitte den Ordner "Meine App" vollständig. (Stellen Sie sicher, dass kein Programm diesen Ordner verwendet, einschließlich Ihres Terminals oder Ihrer Cmd-Eingabeaufforderung.)

2.dann in Ihrem Projektverzeichnis:

npm install create-react-app@latest

3. endlich:

npx create-react-app my-app

1

Nach Verwendung dieses Befehls:

yarn global upgrade create-react-app

Ich habe dann versucht:

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

Dies funktionierte jedoch:

npx create-react-app my-app 

0

Für Windows 10 musste ich einige Ordner im C:\Users\username\AppData\Local\Yarn\Cache\v1Garncache manuell löschen, mein Pfad war ungefähr so und die Falten, die ich entfernen musste, waren ungefähr sonpm-create-react-app-1.0.0-1234567890abcdef


0

Ich hatte das gleiche Problem und habe "create-react-app" global auf meinem Computer installiert. Es liegt ein Fehler vor:

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

Dann habe ich die vorherige Installation mit diesem Befehl entfernt.

npm deinstalliere -g create-react-app

Dann installiere neue React App.

npx create-react-app neue-app


0

Versuchen Sie, Ihr Terminal als Administrator auszuführen. Ich hatte das gleiche Problem und nichts half außer dem Öffnen des Terminals als Administrator und dem anschließenden Ausführen der npx create-react-app yourAppName

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.