Sie scheinen nicht von "@ angle / core" abhängig zu sein. Dies ist ein Fehler


140

Ich möchte eine Angular 2 App mit Angular Cli erstellen

Ich habe im cmd geschrieben:

npm install angle-cli -g

dann:

ng firstngapp

aber es zeigt mir einen Fehler, wenn ich npm start schreibe! das Fehlerbild

Dateien Bild

Ich verstehe das Problem nicht


22
Ich hatte ein ähnliches Problem, aber ich befand mich im übergeordneten Ordner.
Jaider

Versuchen Sie, npm bugs firstngapp auszuführen und zu sehen. Es wird Sie führen, um Ihr Problem zu lösen
Swanand

1
Nach der Installation von npm können Sie versuchen, das Projekt zu schließen und dann wieder zu öffnen. Es hat bei mir funktioniert.
Pay

Bist du rostig wie ich? Nach dem Klonen des Projekts ... wechseln Sie in den Projektordner undnpm install
Adam Cox

vereinbart, müssen Sie "npm install angle-cli -g", dann "npm install" und schließlich "ng XXX"
Andreas Panagiotidis

Antworten:


192

Versuche zu rennen

npm install

im Projektordner


79

Während der Ausführung ng serve sollten Sie sich im Verzeichnis der App / des Projekts befinden .

Wenn Sie den Befehl in einem anderen Verzeichnis ausführen, wird folgende Fehlermeldung angezeigt:

Sie scheinen nicht von "@ angle / core" abhängig zu sein. Dies ist ein Fehler.


2
Ich war abhängig von "@ angle / core", aber ich war nicht im Projektverzeichnis, also bekam ich diesen Fehler
niranjan pb

15

Löschen Sie Ihre Knotenmodule. Überprüfen Sie, ob Ihre package.jsonDatei die haben sollte, @angular/coreund installieren Sie sie erneut mit npm i.


13
  1. Löschen Sie den Ordner node_modules und die Datei package-lock.json .
  2. Führen Sie dann den folgenden Befehl aus, um npm-Pakete zu aktualisieren.

    npm update

  3. Starten Sie später das Projekt und führen Sie den folgenden Befehl aus.

    ng serve

Die obigen Schritte haben bei mir funktioniert.


7

Kann dir helfen.

  • Löschen Alle zuvor erstellten Ordner
  • Erstellen Sie einen neuen Ordner
  • Versuchen Sie dann, mit dem Befehl "cd foldername" zu diesem Ordner zu navigieren.
  • Versuchen Sie dann, "npm install" zu installieren.

Dies wird Ihr Problem lösen.


6

vom Terminal

 > cd myProjectPath
 myProjectPath > npm install

8
Dies sieht der Top-Antwort im Moment sehr ähnlich - ist dies eine notwendige Antwort?
TerryA

1
Besser als der gleiche Vorschlag oben.
FeeFiFoFum

5

Ich weiß nicht, ob es noch ein Problem ist. Ich hatte das gleiche Ärgernis mit @angular/cli v1.1.2on npm 4.1.2. Ich habe das node_modulesVerzeichnis gelöscht und dann mit der Aktualisierung fortgefahren npm(da dies in der Vergangenheit eine häufige Ursache war).

Ich wollte auf (spätestens) upgraden npm, 5.0.3aber seit ich es benutzt nvmhabe, scheint es die Bibliotheken durcheinander gebracht zu haben. Daher habe ich neu installiert node.

Dann ging ich mit

  • npm cache clean
  • npm rebuild
  • npm install - Diesmal mehrmals, da jedes Mal ein Fehler mit einem anderen Paket aufgetreten ist

Am Ende war jedes Paket in Ordnung.

Hoffe das hilft.


5

Die folgenden Schritte haben bei mir funktioniert:

1) Löschen Sie den node_modules/Ordner und die package-lock.jsonDatei.

2) npm install

3) ng serve



3

Wenn jemand 2018 darauf stößt, war das, was für mich schließlich funktioniert hat, in die von mir erstellte My-App zu gehen ng new my-appund dann auszuführen. ng serveDies hat damit zu tun, dass die Abhängigkeiten und devDependencies benötigt werden, in denen my-app/package.jsonstatt root/package.json. Sie sind zwei separate Dateien.

Selbst wenn ich alle Abhängigkeiten in den Stammordner kopieren package.jsonwürde, müsste ich die Pfadpositionen für die Konfigurationsdateien und dergleichen manuell ändern my-app/*. Es ist viel einfacher, einfach hineinzugehen my-app/und zu rennenng serve dorthin zu , damit alles so funktioniert, wie es soll.

Diese Schritte sollten also für jeden funktionieren:

rm -rf <previous-app> // Wie auch immer Ihre vorherige App genannt wurde, wenn Sie eine hatten.

sudo rm -rf node_modules

rm -f package-lock.json

npm install

ng new my-app

cd my-app

ng serve


Können Sie erklären, was rm -rf <previous-app> tut? Ich erinnere mich nicht, ob und warum ich a getan habe. previous-appNachdem ich Ihre Befehle ausgeführt habe, erhalte ich eine You cannot use the new command inside an Angular CLI project.Fehlermeldungng new my-app
Revolucion für Monica

@ Marine1 Sie können keine neue Angular-App innerhalb einer Angular-App erstellen. und nur ausführen, rm -rf <previous app>wenn Sie eine vorherige App hatten, die dieses Problem verursacht. Ersetzen Sie hier den Namen Ihrer App. rm -rf entfernt rekursiv mit Gewalt den gesamten Inhalt des Verzeichnisses
Dan

2

Führen Sie das npm-Update aus, nachdem Sie alle Peer-Abhängigkeiten installiert haben, und es funktioniert.


2

Konfrontiert das gleiche Problem. Während Sie ngserve ausführen, sollten Sie sich im Apps-Verzeichnis befinden. Zur Bestätigung (bei GIT BASH: Sie haben (master) nach dem Verzeichnispfad an der gitbash-Eingabeaufforderung, wenn Sie sich im App-Verzeichnis befinden.)


2

So habe ich dieses Problem gelöst.

Ich rannte zuerst npm install @angular/core.

Dann rannte ich npm install --save.

Als beide Installationen erfolgreich abgeschlossen wurden, lief ich npm serveund erhielt eine Fehlermeldung

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

Ich habe dann meinen Ordner node_modules sowie meinen Ordner package-lock.json gelöscht.

Nachdem ich diese Ordner gelöscht hatte, lief ich npm install --savenoch einmal.

Ich lief npm startund erhielt einen weiteren Fehler. Dieser Fehler sagteError: Cannot find module '@angular-devkit/core' .

Ich rannte npm install @angular-devkit/core --save .

Endlich lief ich npm startund das Projekt begann!


2

Ich habe das gleiche Problem und der Grund ist

  1. wenn du rennst ng new app-name , wird ein neues Verzeichnis mit dem App-Namen erstellt und alles darin installiert.
  2. Nach dem Ausführen des obigen Befehls besteht die Tendenz des Menschen, ausgeführt zu werden. ng serve Da sich Ihre App im Unterverzeichnis befindet, findet sie package.json nicht und gibt den genannten Fehler aus.

Die Lösung ist ziemlich einfach. Wechseln Sie einfach in das Unterverzeichnis und führen Sie es ausng serve


dh cd ng5 Verzeichnis
Ajay Takur

Der @ AjayTakur-Verzeichnisname entspricht dem App-Namen.
abhirathore2006

1

Sie erstellen ein neues Projekt mit:

ng new firstngapp

In Ihrem Beispiel fehlen Sie new. Dies würde einen Ordner erstellen, Dateien generieren und npm installfür Sie ausführen . Es scheint, dass Sie einen Ordner erstellt haben, der jedoch keine Angular CLI-App enthält.

Und zum Starten der App verwenden Sie:

ng serve

npm start wird nur verwendet, wenn Sie aus cli ausgeworfen haben.


1

Nach dem vergeblichen Versuch:

  • npm installieren
  • npm Update
  • ng dienen

npm install -g @ angle / cli hat bei mir funktioniert


0

Ich hatte das gleiche Problem und musste neben dem Entfernen der node_modules und der Neuinstallation zuerst package-lock.json entfernen.


0

Ich habe den gleichen Fehler erhalten, als ich versucht habe, "ng serve" auszuführen, nachdem ich einige Vorschläge gesehen habe, die einer der Techniker mir sagte, ich solle meine npm aktualisieren. Ich habe das auch getan, dann habe ich diesen Bildschirm erhalten, nachdem ich "ng server" eingegeben habe.

"" Versionen von @ angle / compiler-cli und typescript konnten nicht ermittelt werden. Der häufigste Grund dafür ist eine fehlerhafte npm-Installation. Stellen Sie sicher, dass Ihre package.json sowohl @ angle / compiler-cli als auch typescript in devDependencies enthält, löschen Sie dann node_module und package-lock.json (falls vorhanden) und führen Sie die npm-Installation erneut aus. ""

Nachdem Sie alle Aktionen ausgeführt haben, funktioniert es nun ordnungsgemäß ... und die Meldung "Erfolgreich kompiliert" wird angezeigt.


0

Sie müssen den ng-Server vom Speicherort c: \ project \ angle-src ausführen. Nicht nur die Wurzel Ihres Projekts.


OP verfügt möglicherweise nicht über den Ordner c: \ project \ angle-src. Und nein, Ihre Antwort macht keinen Sinn. ng servemuss im Stammverzeichnis des Ordners ausgeführt werden, da sich dort die package.jsonDatei befindet, die dieses Skript definiert.
Miroslav Jonas


0

In meinem Fall hat Folgendes funktioniert:

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

Daher das npm installnicht aktualisieren .


0

Das Problem, das ich hatte, war, dass ich den Ratschlägen des Cli folgte, auf Garnverpackungsmanagement umzusteigen.

Während ich einem Tutorial folgte npm install --save bootstrap, trat der Fehler auf. Danach habe ich yarn add xxxnatürlich und es hat funktioniert.

Um das Projektes Zustand wiederherstellen I entfernt node_modulesund package-lock.jsonnach dieser Antwort und dann liefyarn install


0

Versionen von @ angle / compiler-cli und typescript konnten nicht ermittelt werden. Der häufigste Grund dafür ist eine fehlerhafte npm-Installation.

Stellen Sie sicher, dass Ihre package.json sowohl @ angle / compiler-cli als auch typescript in devDependencies enthält, löschen Sie dann node_modules und package-lock.json (falls vorhanden) und führen Sie npm install erneut aus.


0

Dies passierte mir, als ich Paketmanager mischte. Mein Projekt wurde mit Yarn erstellt, und danach habe ich mit npm install einige Abhängigkeiten hinzugefügt (dadurch wurde die package-lock.json mit nur hinzugefügten Abhängigkeiten erstellt).

Anscheinend hat ng serve die Datei package-lock.json verwendet und konnte dort keine Angular-Abhängigkeiten finden. Nachdem ich angefangen hatte, nur Garn zu verwenden, dh Garn hinzufügen anstelle von npm installieren, war der Fehler verschwunden.


0

** Sie sollten sich im neu erstellten Ordner YOUR_APP befinden, bevor Sie den Befehl ng serve drücken **

Fangen wir frisch an,

1) install npm

2) Erstelle eine neue Winkel-App ( ng new <YOUR_APP_NAME>)

3) gehe zum App-Ordner ( cd YOUR_APP_NAME)

4) ng serve

Ich hoffe, es wird das Problem lösen.


0

Um dieses Problem zu lösen.

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

Zum Beispiel : Geben Sie hier die Bildbeschreibung ein


0

Für ng serv müssen Sie sich in diesem Verzeichnis befinden

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.

Wie ich das mit cmd gelöst habe

ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/

Jetzt mach 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/ **
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.