Chcę stworzyć Angular 2 App z Angular CLI
Napisałem w cmd:
npm zainstaluj angular-cli -g
następnie:
ng firstngapp
ale pokazuje mi błąd kiedy piszę npm start!
Nie rozumiem problemu
angular
npm
angular-cli
web_mobile designer_dev
źródło
źródło
npm install
Odpowiedzi:
Spróbuj biec
w folderze projektu
źródło
Podczas uruchamiania
ng serve
powinieneś znajdować się w katalogu aplikacji / projektu .Jeśli uruchomisz polecenie w innym katalogu, pojawi się błąd:
źródło
Usuń moduły węzłów, sprawdź, czy
package.json
plik powinien mieć rozszerzenie@angular/core
i zainstaluj go ponownienpm i
.źródło
Następnie uruchom następujące polecenie, które zaktualizuje pakiety npm.
npm update
Później rozpocznij projekt wykonując następujące polecenie.
ng serve
Powyższe kroki zadziałały dla mnie.
źródło
Może ci pomóc.
To rozwiąże twój problem.
źródło
z terminala
źródło
Nie wiem, czy nadal jest to problem. Doświadczyłem tej samej niedogodności z
@angular/cli v1.1.2
włączonymnpm 4.1.2
. Usunąłemnode_modules
katalog, a następnie przeszedłem do aktualizacjinpm
(ponieważ w przeszłości była to częsta przyczyna).Chciałem zaktualizować
npm
do5.0.3
(najnowszej), ale ponieważ używałemnvm
, wydaje się, że zepsuło biblioteki. W ten sposób ponownie zainstalowałemnode
.Potem poszedłem z
npm cache clean
npm rebuild
npm install
- Ten kilka razy, ponieważ za każdym razem wyrzucał błąd z innym pakietemW końcu każda paczka była w porządku.
Mam nadzieję że to pomoże.
źródło
Poniższe kroki zadziałały dla mnie:
1) Usuń
node_modules/
folder ipackage-lock.json
plik.2)
npm install
3)
ng serve
źródło
Rozwiązanie dla mnie było
źródło
Jeśli ktoś wpadnie na to w 2018 roku, ostatecznie zadziałało dla mnie przejście do mojej aplikacji, którą utworzyłem
ng new my-app
, i NASTĘPNE uruchomienieng serve
Ma to związek z tym, że potrzebuje zależności i devDependencies wmy-app/package.json
zamiastroot/package.json
. To dwa osobne pliki.Nawet gdybym skopiował wszystkie zależności do mojego folderu głównego
package.json
, musiałbym również wejść i ręcznie zmienić lokalizacje ścieżek dla plików konfiguracyjnych i tym podobnychmy-app/*
. O wiele łatwiej jest po prostu wejśćmy-app/
i biecng serve
tam, aby wszystko działało tak, jak powinno.Więc te kroki powinny działać dla każdego:
rm -rf <previous-app>
// Bez względu na to, jak nazywała się Twoja poprzednia aplikacja, gdybyś ją miał.sudo rm -rf node_modules
rm -f package-lock.json
npm install
ng new my-app
cd my-app
ng serve
źródło
previous-app
Po wykonaniu twoich poleceń pojawia sięYou cannot use the new command inside an Angular CLI project.
błąd podczas robieniang new my-app
rm -rf <previous app>
wtedy, gdy masz poprzednią aplikację, która powoduje ten problem. zastąp tutaj nazwę swojej aplikacji.rm -rf
usuwa rekurencyjnie na siłę całą zawartość kataloguUruchom aktualizację npm po zainstalowaniu wszystkich zależności równorzędnych i będzie działać.
źródło
W obliczu tego samego problemu. Podczas uruchamiania ngserve powinieneś znajdować się w katalogu aplikacji. Aby potwierdzić (w GIT BASH: będziesz mieć (master) po ścieżce katalogu w wierszu polecenia gitbash, jeśli jesteś w katalogu aplikacji).
źródło
W ten sposób rozwiązałem ten problem.
Najpierw pobiegłem
npm install @angular/core
.Potem uciekłem
npm install --save
.Po pomyślnym zakończeniu obu instalacji uruchomiłem
npm serve
i otrzymałem komunikat o błędzieNastępnie usunąłem folder node_modules, a także folder package-lock.json.
Po usunięciu tych folderów uruchomiłem
npm install --save
ponownie.Pobiegłem
npm start
i otrzymałem kolejny błąd. Ten błąd powiedziałError: Cannot find module '@angular-devkit/core'
.Pobiegłem
npm install @angular-devkit/core --save
.Wreszcie pobiegłem
npm start
i projekt ruszył!źródło
Mam ten sam problem, a powód jest taki
ng new app-name
utworzy nowy katalog z nazwą aplikacji i zainstaluje wszystko w nim.ng serve
a ponieważ Twoja aplikacja znajduje się w podkatalogu, nie znajdzie pliku package.json i nie wyrzuci wspomnianego błędu.Rozwiązanie jest dość proste. po prostu przejdź do podkatalogu i uruchom
ng serve
źródło
Tworzysz nowy projekt z:
W twoim przykładzie brakuje ciebie
new
. Spowoduje to utworzenie folderu, wygenerowanie plików i uruchomienienpm install
dla Ciebie. Wygląda na to, że utworzyłeś folder, ale nie ma w nim aplikacji Angular CLI.Aby rozpocząć korzystanie z aplikacji:
npm start
jest używany tylko wtedy, gdy wyrzucono z cli.źródło
Po bezskutecznych próbach:
npm install -g @ angular / cli działał dla mnie
źródło
Miałem ten sam problem i wraz z usunięciem node_modules i ponowną instalacją musiałem najpierw usunąć package-lock.json.
źródło
Otrzymałem ten sam błąd, gdy próbowałem uruchomić "ng serv", po czym zobaczyłem kilka sugestii, które jeden z techników powiedział mi, żebym zaktualizował mój npm. Zrobiłem to również, a po wejściu "ng server" pojawił się ten ekran
"" Nie można określić wersji @ angular / compiler-cli i maszynopisu. Najczęstszym powodem tego jest zepsuta instalacja npm. Upewnij się, że plik package.json zawiera zarówno @ angular / compiler-cli, jak i typscript w devDependencies, a następnie usuń node_module i package-lock.json (jeśli masz) i ponownie uruchom instalację npm. ""
Po wykonaniu wszystkich czynności teraz działa poprawnie ... i pojawia się komunikat „Skompilowano pomyślnie”.
źródło
Musisz uruchomić serwer ng z lokalizacji c: \ project \ angular-src. Nie tylko źródło twojego projektu.
źródło
ng serve
musi być uruchamiany z katalogu głównego folderu, ponieważ tam znajduje siępackage.json
plik definiujący ten skrypt.Wykonywanie nowego --skip-install PROJECT_NAME, a następnie ręczne przejście do utworzonego folderu i wpisanie npm install. https://github.com/angular/angular-cli/issues/3906
źródło
W moim przypadku zadziałało:
Stąd
npm install
, nie aktualizuj .źródło
Problem polegał na tym, że postępowałem zgodnie z radą CLI, aby przejść na zarządzanie pakietami przędzy.
Następnie, postępując zgodnie z tutorialem, zrobiłem
npm install --save bootstrap
i po tym momencie zaczął się pojawiać błąd. Potemyarn add xxx
oczywiście zrobiłem i zadziałało.Aby przywrócić stan projektu usunąłem
node_modules
ipackage-lock.json
zgodnie z tą odpowiedzią, a następnie uruchomiłemyarn install
źródło
Nie można określić wersji @ angular / compiler-cli i maszynopisu. Najczęstszym powodem tego jest zepsuta instalacja npm.
Upewnij się, że plik package.json zawiera zarówno @ angular / compiler-cli, jak i typscript w devDependencies, a następnie usuń node_modules i package-lock.json (jeśli taki masz) i ponownie uruchom npm install.
źródło
Zdarzyło mi się to, gdy mieszałem menedżerów pakietów. Mój projekt został wygenerowany za pomocą Yarn, a następnie dodałem kilka zależności za pomocą instalacji npm (utworzyło to pakiet-lock.json z tylko dodanymi zależnościami).
Najwyraźniej ng służyło do używania package-lock.json i nie mogło tam znaleźć zależności Angulara. Po tym, jak zacząłem używać tylko Yarn, czyli dodać przędzę zamiast instalacji npm, błąd zniknął.
źródło
** Powinieneś być w nowo utworzonym folderze YOUR_APP, zanim naciśniesz polecenie ng serv **
Zacznijmy od świeżego,
1)
install npm
2) Utwórz nową aplikację kątową (
ng new <YOUR_APP_NAME>
)3) przejdź do folderu aplikacji (
cd YOUR_APP_NAME
)4)
ng serve
Mam nadzieję, że to rozwiąże problem.
źródło
By rozwiązać ten problem.
cd projectName
npm update
ng serve -o
Na przykład :
źródło
Aby służyć, musisz znajdować się w tym katalogu
Jak rozwiązałem to za pomocą cmd
Teraz wykonaj cmd
źródło