Szablon nie został dostarczony przy użyciu aplikacji create-reag-app

297

Kiedy wpisuję create-react-app my-apppolecenie w moim terminalu, wydaje się, że działa - pobieranie wszystkich bibliotek z powodzeniem itp. Pod koniec tego procesu pojawia się komunikat, że template was not provided.

Wejście

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

Wynik

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.

W pakiecie.json my-app:

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

Sprawdziłem dziennik zmian CRA i wygląda na to, że dodano obsługę niestandardowych szablonów - jednak nie wygląda na to, że polecenie create-react-app my-appby się zmieniło.

Masz pomysł, co się tutaj dzieje?

SamYoungNY
źródło
7
plotka głosi, że globalny pakiet nie jest już tak gorący. spróbuj „npm init reag-app my-app”
Tim Wilson
12
Zaktualizuj także swoją instalację
Tim Wilson
11
Dzięki - to, co skończyło się na pracy (za pomocą Yarn), to ulepszanie CRA za pomocą: yarn global upgrade create-react-app- a potemyarn create react-app my-app
SamYoungNY
Ten sam problem mam na komputerze z systemem Windows
Max Carroll
to, co działało dla mnie, gdy wszystkie porady tutaj zawiodły, polegało na locate create-react-appusuwaniu wszystkich katalogów, które zawierały create-react-appnazwę. Dopiero wtedy w npx create-react-appkońcu znowu działało normalnie dla mnie.
Kai Carver

Odpowiedzi:

353

Jeśli wcześniej instalowałeś create-react-appglobalnie przez npm install -g create-react-app, zalecamy odinstalowanie pakietu za pomocą, npm uninstall -g create-react-appaby upewnić się, że npxzawsze używa najnowszej wersji.

Dokumenty

Użyj jednego z poniższych poleceń:

  • npx create-react-app my-app
  • npm init react-app my-app
  • yarn create react-app my-app
Latha Eshappa
źródło
20
Myślałem, że npm odinstaluj -g stwórz-zareaguj-aplikacja i npx stwórz-zareaguj-aplikacja moja-aplikacja będzie działać. Ale jakoś npx nadal tworzy projekt bez szablonu. Czy tworzenie aplikacji reaguje w jakiś sposób na pamięć podręczną? Myślałem, że posiadanie globalnej instalacji CRA byłoby przestarzałe. Przed użyciem npx musiałem zaktualizować opcję create-reag-app -g.
Robin Wieruch,
124
jeśli nadal występuje ten sam błąd npm uninstall -g create-react-app, wpisz which create-react-appw konsoli. Jeśli zwraca coś podobnego /usr/local/bin/create-react-app, zrób to, rm -rf /usr/local/bin/create-react-appaby usunąć ręcznie.
v42,
12
To nie jest dobre podejście IMHO. dlaczego musimy za każdym razem pobierać i uruchamiać rzeczy zamiast mieć lokalną kopię? To marnowanie przepustowości i bardzo dobry sposób na wykonanie losowego kodu z Internetu i pewnego dnia zostać zhakowanym ... Po prostu zainstaluj go ponownie tak, jak zrobiłem npm install create-react-app -gmoje rozwiązanie, oznacza to, że w końcu dostaniesz ten błąd, ale ludzie nie powinni uruchamiać dowolnego kodu z sieci i powinny być w stanie pozostać w określonej wersji, jeśli tak wybiorą ...
Rodrigo Graça
6
wreszcie udało się go npm uninstall -g create-react-app sudo rm -rf /usr/local/bin/create-react-app npx create-react-app newapp --template typescript
uruchomić
2
użyj tego, npm list -g --depth=0aby sprawdzić, czy aplikacja create-reag-app jest wymieniona w zainstalowanych pakietach węzłów. Jeśli tak, uruchom, npm uninstall -g create-react-appaby odinstalować.
Claude De-Tchambila,
59

1)

npm uninstall -g create-react-app

lub

yarn global remove create-react-app

2)

Wygląda na to, że wystąpił błąd polegający na tym, że aplikacja Create-React-App nie została poprawnie odinstalowana, a użycie jednego z nowych poleceń prowadzi do:

Szablon nie został dostarczony. Jest tak prawdopodobnie dlatego, że używasz przestarzałej wersji aplikacji create-reag-app.

Po odinstalowaniu za pomocą npm uninstall -g create-react-app, sprawdź, czy nadal masz go „zainstalowanego” z which create-react-app(Windows where create-react-app:) w linii poleceń. Jeśli coś zwróci (np. / Usr / local / bin / create-reag-app ), wykonaj a, rm -rf /usr/local/bin/create-react-appaby usunąć ręcznie.

3)

Następnie jeden z tych sposobów:

npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app
Robin Wieruch
źródło
5
Musiałem usunąć folder instalacyjny, npm odinstaluj tworzenie-
reaguj
2
$ echo '#! / bin / sh'> / usr / local / bin / create-reag-app $ echo 'echo użyj przędzy create-reag-app zamiast'> / usr / local / bin / create-reag-app $ chmod 0700 / usr / local / bin / create-reag-app
Jason FB
1
W systemie Windows można użyć polecenia wherezamiastwhich
Vinicius
41

Chociaż jest już wiele odpowiedzi. Wymyśliłem 3 rozwiązania, które stosowałem krok po kroku, gdy miałem do czynienia z tą sytuacją.


Pierwszy krok: z oficjalnej instrukcji,

Jeśli wcześniej zainstalowałeś aplikację create-reag-globalnie za pośrednictwem npm install -g create-react-app, zalecamy odinstalowanie pakietu za pomocą, npm uninstall -g create-react-appaby upewnić się, że npx zawsze używa najnowszej wersji.

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

Możesz użyć tych poleceń poniżej:

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

Drugi krok (jeśli pierwszy nie działa):

Czasami może przechowywać pamięć podręczną. Następnie możesz użyć poniższych poleceń.

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

Trzeci krok: (jeśli te 2 nie będą działać) najpierw odinstaluj przez npm uninstall -g create-react-app, a następnie sprawdź, czy nadal masz go „zainstalowanego” za pomocą which create-react-apppolecenia w wierszu polecenia. Jeśli masz coś takiego ( / usr / local / bin / create-reag-app ), uruchom to rm -rf /usr/local/bin/create-react-app(folder może się różnić), aby usunąć ręcznie. Następnie ponownie zainstaluj go za pomocą npx / npm / yarn.

NB : Udało mi się na ostatnim etapie.

Moshiur Rahman
źródło
2
To zadziałało dla mnie. Dziękuję Ci.
Obiecaj Preston
To działało dla mnie na MacOS.
Łowca
Z jakiegokolwiek powodu npxi npm initnie działał, ale działał yarnpo wyczyszczeniu pamięci podręcznej. Potrzebowałem rm -rfteż create-react-appfolderu. Tak wdzięczny za SO.
ZebGir
28

Najpierw odinstaluj aplikację create-reag-app globalnie za pomocą tego polecenia:

npm uninstall -g create-react-app

następnie w katalogu projektu:

npm install create-react-app@latest

Wreszcie:

npx create-react-app my-app
Tooba Anwar
źródło
ten pomoże mi TY
Smaïne
21

Aby dodać więcej do powyższych odpowiedzi:

Dzięki nowej wersji create-react-appmożesz tworzyć nową aplikację za pomocą niestandardowych szablonów. Dotychczas dostępne dwa szablony:

  • szablon cra
  • cra-template-maszynopis

Zastosowanie :

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

Więcej informacji o najnowszych zmianach w create-react-app:

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

Bakhtiiar Muzakparov
źródło
17

Ja też miałem ten sam problem. Kiedy puściłem trid, npm init react-app my-apppolecenie zwróciło tę samą wiadomość

Szablon nie został dostarczony. Jest tak prawdopodobnie dlatego, że używasz przestarzałej wersji aplikacji create-reag-app.

Ale

yarn create react-app my-app polecenie działa dobrze.

Sampathkumar
źródło
17

To zadziałało dla mnie.

  1. npm uninstall -g create-react-app
  2. npx create-react-app my-app
metalHeadDev
źródło
15
  1. npm install -g create-react-app na twoim komputerze
  2. utwórz ponownie zareaguj projekt za pomocą npx create-react-app my-app
akbaral aziz
źródło
7
Zaleca się jednak odinstalowanie aplikacji create-reag-globalnie.
Robin Wieruch,
Błąd powróci, gdy pojawi się nowa aktualizacja z tą metodą
Hilary Mwape
Myślę, że to właśnie spowodowało błąd, przede wszystkim globalnie instalując aplikację create-reag-app
Robert Stokes
12

Te dwa kroki działały dla mnie

1) Za pomocą tego polecenia odinstalowano aplikację reagującą globalnie

npm uninstall -g create-react-app

2) Zainstalowano reagującą aplikację w folderze projektu za pomocą tego polecenia

npx create-react-app project-name
Hammad
źródło
10

Jeśli wcześniej zainstalowałeś aplikację create-reag-globalnie za pomocą npm install -g create-reag-app, zalecamy odinstalowanie pakietu za pomocą npm odinstaluj -g create-reag-app, aby upewnić się, że npx zawsze używa najnowszej wersji

Zgłoszono to na https://create-react-app.dev/docs/getting-started/ . Dla mnie to nie działało. Zamiast tego musiałem ponownie zainstalować aplikację stwórz-zareaguj globalnie.

Moje kroki w celu rozwiązania tego problemu to:

  1. npm odinstaluj -g stwórz-zareaguj-aplikację
  2. npm zainstaluj -g stwórz-zareaguj-aplikację
  3. npx tworzenie-reagowanie-aplikacja moja-aplikacja
Gully Habibi
źródło
1
Nie zaleca się już korzystania z globalnej instalacji aplikacji create-reag-app.
Robin Wieruch,
4
To prawda, jednak nie mogłem wymyślić innego sposobu instalacji szablonu bez przeprowadzenia instalacji globalnej. To i tak nie ma znaczenia dla mojej aplikacji.
Gully Habibi,
6
Tak, to samo, co doktor mówi, że nie działa
Corey Gibson,
10

Wyczyść najpierw pamięć podręczną npm, a następnie użyj przędzy w następujący sposób:

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

Mam nadzieję, że to pomoże.

EDYTOWAĆ

... możesz po wypróbowaniu tego problemu spróbować:

  1. npm uninstall -g create-react-app
  2. yarn global remove create-react-app
  3. which create-react-app - Jeśli coś zwróci (np. / Usr / local / bin / create-React-app), to wykonaj rm -rf / usr / local / bin / create-React-app, aby usunąć ręcznie.
  4. npm cache clean --force
  5. npm cache verify
  6. npx create-react-app@latest

Te kroki powinny usunąć instalowane globalnie instalacje tworzenia aplikacji reagowania, a następnie ręcznie usuwać stare katalogi połączone ze starymi instalowanymi globalnie skryptami tworzenia aplikacji reagowania. W takim przypadku dobrym pomysłem jest wyczyszczenie pamięci podręcznej npm, aby upewnić się, że nie używasz żadnych starych wersji aplikacji create -reagate w pamięci podręcznej. Wreszcie utworzyć nową aplikację reactjs z @latestopcją tak: npx create-react-app@latest. Było wiele zamieszania w tej kwestii, w której nie jest tworzony żaden szablon podczas korzystania z aplikacji npx create-reag-app, jeśli wykonasz kroki, które podałem powyżej (1-6), to mam nadzieję, że odniesiesz sukces.

ps

Gdybym chciał następnie utworzyć aplikację reagującą w katalogu o nazwie klient, wpisałbym w terminalu następujące polecenie:

npx creacte-react-app@latest ./client

Powodzenia.

DevStormUK
źródło
9

Wszystkie opcje nie działały dla mnie w systemie MacOS. To, co zadziałało, to następujące 3 kroki:

  1. Usuń węzeł z: / usr / local / bin /

następnie

  1. zainstaluj nowy węzeł: https://nodejs.org/en/

następnie

  1. Zainstaluj reaguj: npx Utwórz-zareaguj-aplikacja moja-aplikacja śledź: https://create-react-app.dev/
nroy
źródło
Tak, to prawda - sprawdź, czy nadal jest zainstalowany $ reaktywuj-twórz-aplikację -wersja. JEŚLI nadal istnieje wersja, może być konieczne ręczne usunięcie. W moim przypadku pozostało ~ / .nvm / wersje / węzeł / <wersja węzła> / lib / node_modules, więc musisz rm -rf zareagować-utworzyć-aplikację w tym folderze
Nelles
9

Przeszedłem przez wszystkie kroki tutaj, ale nie pomogłem.

TLDR; biegaćnpx --ignore-existing create-react-app

Jestem na komputerze Mac z Mojave 10.15.2

CRA nie został zainstalowany w systemie - nie znaleźliśmy go /usr/local/lib/node_modulesalbo /usr/local/binalbo.

Potem natknąłem się na ten komentarz na temat problemów z githubem CRA. Uruchomienie polecenia z --ignore-existingflagą pomogło.

Ben S.
źródło
8

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

pracuj dla mnie po wypróbowaniu wszystkich odpowiedzi, które mogą pomóc komuś w przyszłości.

Buk Lau
źródło
7

W przypadku Linuksa to zadziałało dla mnie

sudo npm uninstall -g create-react-app
npx create-react-app my-test-app
coding_Lover
źródło
7

TLDR: Odinstaluj pakiet globalny za pomocą npm uninstall -g create-react-appi wygeneruj nowe reagujące aplikacje za pomocą npx create-react-app app.


Kwestia

Używasz starszej wersji create-react-app, którą zainstalowałeś globalnie za pomocą npm. create-react-appKomenda wywołuje ten pakiet globalnej.

Mogłeś potwierdził, że uzywasz starej wersji uruchamiając npm outdated -g create-react-applub porównać create-react-app --versionz npm view create-react-app.

Fakt, że wersja react-scriptsbyła aktualna, nie ma nic wspólnego z wersją pakietu uruchamiającą aplikację ( create-react-app), która pobiera najnowsze wersje używanych pakietów ( react-scriptsw tym przypadku).

Rozwiązanie

Jeśli chcesz nadal używać create-react-apppolecenia, musisz zaktualizować pakiet globalny za pomocą npm update -g create-react-app. Pamiętaj, że musisz to robić okresowo, aby być na bieżąco. Zauważysz, że create-react-appto nie zaleca (odnotowane w dziennikach z instalacji).

Lepszym rozwiązaniem byłoby całkowite usunięcie instalacji globalnej ( npm uninstall -g create-react-app) i użycie jej, npxaby za każdym razem pobierała najnowszą wersję pakietu (więcej szczegółów npxponiżej).

Powinieneś potwierdzić, że został on odinstalowany globalnie, próbując go użyć, create-react-appaby upewnić się, że polecenie nie zostało znalezione.

Problemy z odinstalowaniem?

Możesz debugować, gdzie został zainstalowany za pomocą which create-react-app. Jeśli masz problemy z odinstalowaniem, możesz mieć wiele wersji węzła / npm na swoim komputerze (z wielu instalacji lub ponieważ używasz menedżera wersji węzła, takiego jak nvm). To osobny problem, którego nie omówię tutaj, ale w tej odpowiedzi jest kilka informacji .

Szybkim podejściem nuklearnym byłoby wymuszone usunięcie go ( rm -rf) na ścieżce, która which create-react-apppowraca.


Suplement

Globalne pakiety npm i npxpolecenie

$ NPM_PACKAGE_NAME zawsze użyje globalnie zainstalowanej wersji pakietu, niezależnie od tego, w którym katalogu się znajdujesz.

$ npx NPM_PACKAGE_NAME użyje pierwszej wersji pakietu, którą znajdzie podczas wyszukiwania z bieżącego katalogu do katalogu głównego:

  • Jeśli masz pakiet w bieżącym katalogu, użyje go.
  • W przeciwnym razie, jeśli masz pakiet w katalogu, który jest rodzicem twojego bieżącego katalogu, użyje pierwszego, który znajdzie.
  • W przeciwnym razie, jeśli masz pakiet zainstalowany globalnie, użyje go.
  • W przeciwnym razie, jeśli nie masz pakietu, zostanie on tymczasowo zainstalowany, użyje go, a następnie odrzuci. - jest to najlepszy sposób na zapewnienie aktualności pakietu .

Więcej informacji na temat npx można znaleźć w tej odpowiedzi .

Korzystanie npxzcreate-react-app

create-react-appma kilka specjalnych poleceń / aliasów, aby utworzyć aplikację reagującą (zamiast npx), które są specyficzne dla tego pakietu ( yarn create react-app, npm init react-app), ale npx create-react-appbędzie działać tak samo jak w przypadku innych pakietów.

yarna npminstalacje globalne

Przędza przechowuje globalne instalacje w innym folderze niż npm, dlatego yarn create react-appdziałałby natychmiast bez odinstalowywania globalnego pakietu npm (jeśli chodzi o przędzę, pakiet nie został zainstalowany).

Jest to tylko rozwiązanie tymczasowe, ponieważ musisz pamiętać, aby zawsze używać przędzy zamiast npm podczas korzystania z aplikacji Create React.

JBallin
źródło
5

To rozwiązało mój problem

Kroki:

1. Odinstaluj aplikację Utwórz-zareaguj

npm uninstall -g create-react-app

2. Teraz po prostu użyj

npx create-react-app my-app

to automatycznie utworzy szablon dla ciebie.

Ari Sudhan
źródło
5

Ten problem nie został rozwiązany w ten sposób, problem występuje w różnych instancjach węzła, spróbuj usunąć aplikację stwórz globalnie-reaguj, a następnie usuń moduły node_modules i package-lock.json od użytkownika root

Luis Meneses
źródło
5

To działa dla mnie!

1) npm uninstall -g create-react-app

2) npm install -g create-react-app

3) npx create-react-app app_name

Jeśli masz wcześniej zainstalowany create-react-appglobalnie przez npm install -g create-react-app, Lepiej go odinstalować za pomocąnpm uninstall -g create-react-app

Lahiru Amarathunge
źródło
3

Najpierw odinstaluj aplikację create-reag-app

npm uninstall -g create-react-app

Następnie uruchom yarn create react-app my-applubnpx create-react-app my-app

następnie działa yarn create react-app my-applub npx create-react-app my-appmoże nadal wyświetlać błąd,

Szablon nie został dostarczony. Jest tak prawdopodobnie dlatego, że używasz przestarzałej wersji aplikacji create-reag-app. Pamiętaj, że globalne instalacje aplikacji create-reag-app nie są już obsługiwane.

Może się to zdarzyć z powodu kas. Więc następny bieg

npm cache clean --force 

następnie uruchomić

npm cache verify

Teraz wszystko jest jasne. Teraz biegnij

yarn create react-app my-app lub npx create-react-app my-app

Teraz dostaniesz to, czego oczekiwałeś!

Sasmitha Dasanayaka
źródło
3

Naprawiam ten problem na komputerze Mac , odinstalowując create-react-appz globalnej biblioteki npm, to w zasadzie to powiedziawszy, po prostu spróbuj, musisz także sudo:

sudo npm uninstall -g create-react-app

Następnie po prostu uruchom:

npx create-react-app my-app-name

Teraz powinno być dobrze i uzyskać struktury folderów, jak poniżej:

szablon nie jest dostarczany przy użyciu aplikacji Utwórz reakcję

Alireza
źródło
1
Próbowałem tych wszystkich powyższych metod na Linux Mint 19 (system oparty na Ubuntu). Nic nie pomogło, ale to zrobiło. sudo npm uninstall -g create-react-app
Victor
3

Użycie polecenia npm uninstall -g create-react-appnie działało dla mnie.

Ale to zadziałało:

yarn global remove create-react-app

i wtedy:

npx create-react-app my-app

Karthic Rao
źródło
To zadziałało dla mnie, wypróbowałem wszystkie metody, w tym ręczne usuwanie z / usr / local / bin
manjs
3

Ta praca jest dla mnie:

Odinstalujmy create-reag-app globalnie za pomocą tego polecenia:

npm uninstall -g create-react-app

Następnie w katalogu projektu:

npm install create-react-app@latest

W końcu:

npx create-react-app my-app

Dla maszynopisu:

npx create-react-app my-app --template typescript
Shivlal Kumavat
źródło
2

Taki dziwny problem, ponieważ zadziałało to dla mnie wczoraj i dziś rano spotkałem ten sam błąd. Na podstawie informacji o wersji dodano nową funkcję do szablonów wsparcia, więc wygląda na to, że kilka wierszy zmieniło się w wierszu poleceń (na przykład, --typescriptprzestarzała na rzecz używania--template typescript )

Udało mi się to wszystko uruchomić, wykonując następujące czynności:

  1. Odinstaluj globalną aplikację Utwórz-zareaguj npm uninstall create-react-app -g.
  2. Sprawdź pamięć podręczną npm npm cache verify.
  3. Zamknij terminal. Używam terminala Mac, jeśli używam IDE, być może zamknij i ponownie otwórz.
  4. Ponownie otwórz terminal, przejdź do wybranego projektu i uruchom aplikację create-React-App przez npx, korzystając z nowych konwencji poleceń szablonu. Aby go uruchomić, użyłem maszynopisu mojej aplikacji z witryny dokumentacji, aby zapewnić spójność:npx create-react-app my-app --template typescript

Jeśli to działa, powinieneś zobaczyć wiele instalacji: jedną dla skryptów reagujących i jedną dla szablonu. Komunikat o błędzie również nie powinien już być wyświetlany.

Ryan McCormick
źródło
2

npm uninstall -g create-react-app może być odpowiedzią w niektórych przypadkach, ale nie u mnie.

Powinieneś ręcznie usunąć swoją aplikację „Utwórz-zareaguj” znajdującą się w ~/.node/bin/lub /usr/bin/(po prostu wpisz which create-react-appi usuń ją z lokalizacji, z których korzystałeś rm -rf), a następnie po prostu uruchom npm i -g create-react-app.

Po tym create-react-appbędzie działać poprawnie.

Andrzej
źródło
2

Działa to dla mnie 1. Najpierw odinstaluj globalnie aplikację create-reag-app, wykonując następujące polecenie:

npm uninstall -g create-react-app

Jeśli nadal masz poprzednią instalację, usuń folder o nazwie moja aplikacja całkowicie (upewnij się, że żaden program nie używa tego folderu, w tym terminalu lub polecenia cmd)

2. następnie w katalogu projektu:

npm install create-react-app@latest

3. na koniec:

npx create-react-app my-app
Amila Weerasinghe
źródło
1

Po użyciu tego polecenia:

yarn global upgrade create-react-app

Potem spróbowałem:

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

Działa to jednak:

npx create-react-app my-app 
Helen_CEE
źródło
0

W przypadku systemu Windows 10 musiałem ręcznie usunąć niektóre foldery z pamięci podręcznej przędzy, moja ścieżka była podobna, C:\Users\username\AppData\Local\Yarn\Cache\v1a foldery, które musiałem usunąć, były podobnenpm-create-react-app-1.0.0-1234567890abcdef

dadiaar
źródło
0

Miałem ten sam problem i zainstalowałem globalnie aplikację „create-reag-app” na moim komputerze. Wystąpił błąd:

„Szablon nie został dostarczony. Prawdopodobnie używasz nieaktualnej wersji aplikacji create-reag-app. Pamiętaj, że globalne instalacje aplikacji create-reag-app nie są już obsługiwane.”

Następnie usunąłem poprzednią instalację za pomocą tego polecenia.

npm odinstaluj -g stwórz-zareaguj-aplikację

Następnie zainstaluj nową aplikację reagującą.

npx create-reag-app nowa-aplikacja

akshay_sushir
źródło
0

Spróbuj uruchomić terminal jako administrator. Miałem ten sam problem i nic nie pomogło oprócz otwarcia terminala jako administrator, a następnie zrobienia aplikacji npx create-reag-app twojaAplikacja

Martynas Gecas
źródło