Aplikacja Create-React nie tworzy szablonu startowego


12

Próbuję utworzyć nowy projekt z szablonem maszynopisu zgodnie z tymi instrukcjami .

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

Chociaż instaluje wszystkie moduły węzłów, nie tworzy projektu startowego ani nie korzysta z dostarczonego szablonu. Dostaję tę wiadomość:

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.

Próbuję postępować zgodnie z instrukcjami i usunąć globalną instalację cli, ale to również nie działa:

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

Nie ważne co zrobię, nie mogę odinstalować cli. Co się dzieje?

Edytować:

Udało mi się częściowo go uruchomić na PC.

npm remove create-react-app

następnie

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

Próbowałem z nawiasami i chociaż projekt szablonu tam jest, nie ma go w maszynopisie. Cli jest teraz bardzo źle z CLI.

Edytować:

Ten post rozwiązał problem braku możliwości odinstalowania cli. Mam nadzieję, że to komuś pomoże, i proszę głosować OP.


3
Ten sam problem zdarza mi się teraz. Uruchomiłem npm uninstall -g create-react-app, a następnie uruchomiłem npx create-react-app app-uizarówno z flagą szablonu, jak i bez niego, ale otrzymuję to samo ostrzeżenie. Wynikowy wynik to tylko katalog node_modules, pakiet.json i pakiet-lock.json. Nie jestem pewien, co robię źle.
arbitrayUserName

Odpowiedzi:


7

dla op: twoje nawiasy są nie na miejscu. W twoim przypadku dokumentacja mówi, że należy użyć:

npx tworzenie-reagowanie-aplikacja moja-aplikacja - szablon [nazwa-szablonu]
-lub-
npx tworzenie-reagowanie aplikacja-moja-aplikacja - szablon maszynowy


Dla wszystkich innych:

1. odinstaluj (korzystam z systemu Linux / Ubuntu )

sudo npm uninstall -g create-react-app

2. Następnie uruchom

npx create-react-app my-app

Uwaga: Upewnij się, że wszystkie foldery / pliki zostały usunięte podczas odinstalowywania . Jeśli masz problemy z dostępem do folderów reagowania w konfiguracji Linuksa, tak jak ja (ze względu na uprawnienia), uzyskaj dostęp i usuń przez:

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

(... a następnie wykonaj polecenie npx).


1
Usunięcie nawiasów sprawiło, że szablon maszynopisu działa. Nie jestem pewien, dlaczego je tam miałem. Zakładam, że próbowałem tylko, co mogłem, aby wszystko działało. Dzięki!
Mickers

Cieszę się, że to zadziałało!
C-Note187,

7

Rozwiązałem ten problem przez sudo npm uninstall -g create-react-app

ale to nie usunęło opcji Utwórz-zareaguj, więc musiałem sprawdzić, w którym katalogu się znajduje. W terminalu, jeśli wpiszesz:

which create-react-app

da ci jakiś katalog jak / usr / local / bin / create-reag-app Teraz wykonaj:

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

Spowoduje to ręczne usunięcie utworzenia aplikacji. Teraz możesz zacząć tworzyć aplikację reagującą za pomocą npx create-react-app my-app


2
Używam Ubuntu 19.10 i działało to jak urok!
egdavid

1
Używam OSX (MacBook) i to również działało!
Bumhwan Kim

1

Miałem ten sam problem. To działa dla mnie (Linux)

Krok 01.

sudo npm remove create-react-app

Krok 02.

sudo npm uninstall -g create-react-app

Krok 03.

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

Mam nadzieję, że to pomoże.


To bardzo dziękuje
użytkownik3811671

0

Utwórz szablon React Startup

1.npx create-reag-app nazwa_aplikacji

2. cd twoja_nazwa_aplikacji

3. początek startu


0

Nawet jeśli uruchomiłeś npm uninstall -g create-react-app create-react-appmoże być nadal zainstalowany. Możesz to sprawdzić, uruchamiając which create-react-app. Jeśli ścieżka zostanie zwrócona, create-react-appnadal jest instalowana. Możesz usunąć moduł za pomocą rm -r ${returned path}. Po tym uruchomieniu npx create-react-app app-ui --template typescriptpowinno działać bez błędów i ostrzeżeń.


0

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

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

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

  • npx tworzenie-reagowanie-aplikacja moja-aplikacja
  • npm init init-app moja-aplikacja
  • przędza tworzy aplikację reagującą moja aplikacja

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 odinstaluj -g stwórz-zareaguj-aplikację
  • pamięć podręczna npm clean --force
  • weryfikacja pamięci podręcznej npm
  • przędza tworzy aplikację reagującą moja aplikacja

Trzeci krok: (jeśli te 2 nie zadziałają) najpierw odinstaluj za pomocą npm odinstaluj -g stwórz-zareaguj-aplikację , a następnie sprawdź, czy nadal masz go „zainstalowanego” za pomocą polecenia create-reag-app w wierszu poleceń. Jeśli masz coś takiego ( / usr / local / bin / create-reag-app ), uruchom ten rm -rf / usr / local / bin / create-reag-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.


0

Kiedy wykonałem

witaj, stwórz aplikację

generowane tylko poniżej struktury folderów, z powiadomieniem

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

node_modules
package.json
yarn.lock

Wykonano poniższe kroki, aby rozwiązać

// Odinstalowywanie pakietu create-reag-app

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

Następnie jestem gotowy, aby utworzyć nową aplikację reagującą poprzez „npx”

Dla smaku ES6 (domyślnie będzie to język ES6)

npx stwórz-zareaguj-aplikacja hello-world

Dla smaku maszynopisu

npx create-reag-app hello-world --template maszynopis

Poniżej przedstawiono strukturę folderów po uruchomieniu powyżej cmd

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

początek przędzy // Działa dobrze

node: v10.16.0
npm: 6.10.2

0

Moje rozwiązanie okazało się trochę inne niż twoje, dlatego dodam je tutaj na wypadek, gdyby ktoś miał podobny problem. Najwyraźniej zainstalowałem aplikację create-reag-globalnie z przędzą, którą widziałem podczas biegu, which create-react-appco dało ścieżkę podobną do tej .../.config/yarn/global/node_modules/.bin/create-react-app. Uruchamianie yarn global remove create-react-appusunęło ten pakiet, a następnie udało mi się uruchomić npx create-react-app app --template typescriptpomyślnie.


0
  1. Zainstaluj aplikację Create-React

Na początku musimy zainstalować narzędzie do tworzenia aplikacji. Jest to narzędzie dostarczone przez twórców React.js, które pozwala zainstalować gotową do użycia aplikację React.js ze wszystkimi potrzebnymi zależnościami. Aby zainstalować narzędzie, musimy użyć następującego polecenia w wierszu polecenia:

npm install -g create-react-app
  1. Utwórz aplikację

Teraz bardzo łatwo jest stworzyć naszą pierwszą aplikację za pomocą narzędzia create-reag-app. Możemy to zrobić za pomocą jednego polecenia w naszym wierszu poleceń. Najpierw przejdź do folderu, w którym chcesz mieć swoją aplikację, za pomocą wiersza polecenia, a następnie uruchom następujące polecenie, w którym reaktorapp to nazwa naszej aplikacji:

npx create-react-app reactapp

Możesz ustawić inną nazwę swojej aplikacji. Jeśli proces zakończy się pomyślnie, powinieneś mieć gotowy folder z aplikacją! Zacznijmy teraz aplikację!

  1. Uruchom aplikację

Zacznijmy naszą reakcję za pomocą następujących poleceń:

cd reactapp
npm start

Pierwsze polecenie służy do przejścia do folderu naszej aplikacji, a drugie uruchamia naszą aplikację. Domyślnie aplikacja jest otwarta na localhost: 3000, ale możemy zmienić port w ustawieniach.

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

Hpe to pomaga!


0

W przypadku użytkowników systemu Windows wykonaj dwa kroki

npm uninstall -g create-react-app

Następnie

npx create-react-app jamming

aktualizuj swój węzeł i npm, najnowszą stabilną wersję


0
  1. Odinstaluj aplikację create-reag-app za pomocą polecenia: sudo npm odinstaluj -g create-reag-app

Ponieważ npm nie obsługuje globalnego wykorzystania modułów npm.

  1. zainstaluj jak zwykle za pomocą komendy Utwórz-Reaktywuj-aplikację-Kocioł za pomocą polecenia: npx create-Reaktywuj-aplikację moja-aplikacja

to działa!!


-1

Miałem ten sam problem. Próbowałem tego. npm install -g create-react-app
Następnie zrób to create-react-app app-namedla mnie.


Tak, ale czy to rozwiązuje błąd szablonu? Jestem teraz na komputerze z systemem Windows (wcześniej na komputerze Mac) i robi to samo ... Pusty projekt i maszynopis nie zostały uwzględnione.
Mickers,
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.