Wydaje się, że nie jesteś uzależniony od „@ angular / core”. To jest błąd

140

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! obraz błędu

Obraz plików

Nie rozumiem problemu

web_mobile designer_dev
źródło
22
Miałem podobny problem, ale byłem w folderze nadrzędnym.
Jaider
Spróbuj uruchomić pierwszą aplikację z błędami npm i zobacz.
Poprowadzi
1
Po instalacji npm możesz spróbować zamknąć projekt, a następnie otworzyć go ponownie. U mnie to zadziałało.
Zapłać
Czy jesteś zardzewiały jak ja? Po sklonowaniu projektu ... przejdź do folderu projektu inpm install
Adam Cox
zgodził się, musisz uruchomić "npm install angular-cli -g", następnie "npm install" i na końcu "ng XXX"
Andreas Panagiotidis

Odpowiedzi:

192

Spróbuj biec

npm install

w folderze projektu

ocynk
źródło
79

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.

niranjan pb
źródło
2
Byłem zależny od „@ angular / core”, ale nie byłem w katalogu projektu, więc otrzymywałem ten błąd
niranjan pb
15

Usuń moduły węzłów, sprawdź, czy package.jsonplik powinien mieć rozszerzenie @angular/corei zainstaluj go ponownie npm i.

selem mn
źródło
13
  1. Usuń folder node_modules i plik package-lock.json .
  2. Następnie uruchom następujące polecenie, które zaktualizuje pakiety npm.

    npm update

  3. Później rozpocznij projekt wykonując następujące polecenie.

    ng serve

Powyższe kroki zadziałały dla mnie.

sabin
źródło
7

Może ci pomóc.

  • Usuń wszystkie utworzone wcześniej foldery
  • Utwórz nowy folder
  • Następnie spróbuj przejść do tego folderu za pomocą polecenia „nazwa folderu cd”
  • następnie spróbuj zainstalować „npm install”

To rozwiąże twój problem.

Ajit Kumar
źródło
6

z terminala

 > cd myProjectPath
 myProjectPath > npm install
Pooja
źródło
8
Wygląda to bardzo podobnie do udzielonej obecnie odpowiedzi - czy jest to konieczna odpowiedź?
TerryA
1
Lepsze niż ta sama sugestia powyżej.
FeeFiFoFum
5

Nie wiem, czy nadal jest to problem. Doświadczyłem tej samej niedogodności z @angular/cli v1.1.2włączonym npm 4.1.2. Usunąłem node_moduleskatalog, a następnie przeszedłem do aktualizacji npm(ponieważ w przeszłości była to częsta przyczyna).

Chciałem zaktualizować npmdo 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 pakietem

W końcu każda paczka była w porządku.

Mam nadzieję że to pomoże.

Mathias Rodriguez
źródło
5

Poniższe kroki zadziałały dla mnie:

1) Usuń node_modules/folder i package-lock.jsonplik.

2) npm install

3) ng serve

Ashish168
źródło
4

Rozwiązanie dla mnie było

npm link
ng build 

wprowadź opis obrazu tutaj

grepit
źródło
3

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 serveMa to związek z tym, że potrzebuje zależności i devDependencies w my-app/package.jsonzamiast 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 servetam, 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

Dan
źródło
Czy możesz wyjaśnić, co robi rm -rf <poprzednie-app> Nie pamiętam, czy i dlaczego zrobiłem a previous-appPo wykonaniu twoich poleceń pojawia się You cannot use the new command inside an Angular CLI project.błąd podczas robieniang new my-app
Revolucion dla Moniki
@ Marine1 Nie można utworzyć nowej aplikacji Angular w aplikacji Angular. i uruchamiaj tylko 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
Dan,
2

Uruchom aktualizację npm po zainstalowaniu wszystkich zależności równorzędnych i będzie działać.

Surendra Parchuru
źródło
2

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

Roy
źródło
2

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

Pobiegłem npm starti 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 starti projekt ruszył!

MBak
źródło
2

Mam ten sam problem, a powód jest taki

  1. po uruchomieniu ng new app-nameutworzy nowy katalog z nazwą aplikacji i zainstaluje wszystko w nim.
  2. po uruchomieniu powyższego polecenia ludzie mają tendencję do uruchamiania, 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

abhirathore2006
źródło
tj., katalog cd ng5
Ajay Takur
Nazwa katalogu @AjayTakur będzie taka sama jak nazwa aplikacji.
abhirathore2006
1

Tworzysz nowy projekt z:

ng new firstngapp

W twoim przykładzie brakuje ciebie new. Spowoduje to utworzenie folderu, wygenerowanie plików i uruchomienie npm installdla 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.

Miroslav Jonas
źródło
1

Po bezskutecznych próbach:

  • npm install
  • aktualizacja npm
  • ng służyć

npm install -g @ angular / cli działał dla mnie

user3172635
źródło
0

Miałem ten sam problem i wraz z usunięciem node_modules i ponowną instalacją musiałem najpierw usunąć package-lock.json.

RollWhisTler
źródło
0

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

Irshad
źródło
0

Musisz uruchomić serwer ng z lokalizacji c: \ project \ angular-src. Nie tylko źródło twojego projektu.

Tony B.
źródło
OP może nie mieć folderu c: \ project \ angular-src. I nie, twoja odpowiedź nie ma sensu. ng servemusi być uruchamiany z katalogu głównego folderu, ponieważ tam znajduje się package.jsonplik definiujący ten skrypt.
Miroslav Jonas
0

W moim przypadku zadziałało:

rm -rf node_modules
rm package-lock.json
npm install

Stąd npm install, nie aktualizuj .

Lars
źródło
0

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 bootstrapi po tym momencie zaczął się pojawiać błąd. Potem yarn add xxxoczywiście zrobiłem i zadziałało.

Aby przywrócić stan projektu usunąłem node_modulesi package-lock.jsonzgodnie z odpowiedzią, a następnie uruchomiłemyarn install

wąskie gardło
źródło
0

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.

OM Prakash Singh
źródło
0

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

Yakov Fain
źródło
0

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

Abhishek Kumar
źródło
0

By rozwiązać ten problem.

  1. Krok 1: cd projectName
  2. Krok 2: npm update
  3. Krok 3: ng serve -o

Na przykład : wprowadź opis obrazu tutaj

BehrouzMoslem
źródło
0

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/ **
Ashish Kamble
źródło