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
npm install
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
npm install
Odpowiedzi:
Podczas uruchamiania ng serve
powinieneś znajdować się w katalogu aplikacji / projektu .
Jeśli uruchomisz polecenie w innym katalogu, pojawi się błąd:
Wydaje się, że nie jesteś uzależniony od „@ angular / core”. To jest błąd.
Może ci pomóc.
To rozwiąże twój problem.
z terminala
> cd myProjectPath
myProjectPath > npm install
Nie wiem, czy nadal jest to problem. Doświadczyłem tej samej niedogodności z @angular/cli v1.1.2
włączonym npm 4.1.2
. Usunąłem node_modules
katalog, a następnie przeszedłem do aktualizacji npm
(ponieważ w przeszłości była to częsta przyczyna).
Chciałem zaktualizować npm
do 5.0.3
(najnowszej), ale ponieważ używałem nvm
, wydaje się, że zepsuło biblioteki. W ten sposób ponownie zainstalowałem node
.
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.
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 uruchomienie ng serve
Ma to związek z tym, że potrzebuje zależności i devDependencies w my-app/package.json
zamiast root/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 podobnych my-app/*
. O wiele łatwiej jest po prostu wejść my-app/
i biec ng 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
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ść katalogu
Uruchom aktualizację npm po zainstalowaniu wszystkich zależności równorzędnych i będzie działać.
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łędzie
"Versions of @angular/compiler-cli and typescript could not be determined.
The most common reason for this is a broken npm install.
Please make sure your package.json contains both @angular/compiler-cli and typescript in
devDependencies, then delete node_modules and package-lock.json (if you have one) and
run npm install again."
Nastę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ł!
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 uruchomng serve
Tworzysz nowy projekt z:
ng new firstngapp
W twoim przykładzie brakuje ciebie new
. Spowoduje to utworzenie folderu, wygenerowanie plików i uruchomienie npm install
dla Ciebie. Wygląda na to, że utworzyłeś folder, ale nie ma w nim aplikacji Angular CLI.
Aby rozpocząć korzystanie z aplikacji:
ng serve
npm start
jest używany tylko wtedy, gdy wyrzucono z cli.
Po bezskutecznych próbach:
npm install -g @ angular / cli działał dla mnie
Miałem ten sam problem i wraz z usunięciem node_modules i ponowną instalacją musiałem najpierw usunąć package-lock.json.
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”.
Musisz uruchomić serwer ng z lokalizacji c: \ project \ angular-src. Nie tylko źródło twojego projektu.
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
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. Potem yarn add xxx
oczywiście zrobiłem i zadziałało.
Aby przywrócić stan projektu usunąłem node_modules
i package-lock.json
zgodnie z tą odpowiedzią, a następnie uruchomiłemyarn install
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.
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ął.
** 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.
By rozwiązać ten problem.
cd projectName
npm update
ng serve -o
Aby służyć, musisz znajdować się w tym katalogu
ashish@ashish-Inspiron-3521:~/Angular$ ng new FireStore
create FireStore/README.md (1025 bytes)
create FireStore/.angular-cli.json (1245 bytes)
create FireStore/.editorconfig (245 bytes)
create FireStore/.gitignore (544 bytes)
create FireStore/src/assets/.gitkeep (0 bytes)
create FireStore/src/environments/environment.prod.ts (51 bytes)
create FireStore/src/environments/environment.ts (387 bytes)
create FireStore/src/favicon.ico (5430 bytes)
create FireStore/src/index.html (296 bytes)
create FireStore/src/main.ts (370 bytes)
create FireStore/src/polyfills.ts (3114 bytes)
create FireStore/src/styles.css (80 bytes)
ashish@ashish-Inspiron-3521:~/Angular$ ng serve
You seem to not be depending on "@angular/core". This is an error.
Jak rozwiązałem to za pomocą cmd
ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/
Teraz wykonaj cmd
ashish@ashish-Inspiron-3521:~/Angular/FireStore$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **