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!
Ich verstehe das Problem nicht
npm install
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!
Ich verstehe das Problem nicht
npm install
Antworten:
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.
Kann dir helfen.
Dies wird Ihr Problem lösen.
vom Terminal
> cd myProjectPath
myProjectPath > npm install
Ich weiß nicht, ob es noch ein Problem ist. Ich hatte das gleiche Ärgernis mit @angular/cli v1.1.2
on npm 4.1.2
. Ich habe das node_modules
Verzeichnis 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.3
aber seit ich es benutzt nvm
habe, 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 istAm Ende war jedes Paket in Ordnung.
Hoffe das hilft.
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-app
und dann auszuführen. ng serve
Dies hat damit zu tun, dass die Abhängigkeiten und devDependencies benötigt werden, in denen my-app/package.json
statt root/package.json
. Sie sind zwei separate Dateien.
Selbst wenn ich alle Abhängigkeiten in den Stammordner kopieren package.json
wü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
previous-app
Nachdem ich Ihre Befehle ausgeführt habe, erhalte ich eine You cannot use the new command inside an Angular CLI project.
Fehlermeldungng new my-app
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
Führen Sie das npm-Update aus, nachdem Sie alle Peer-Abhängigkeiten installiert haben, und es funktioniert.
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 serve
und 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 --save
noch einmal.
Ich lief npm start
und 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 start
und das Projekt begann!
Ich habe das gleiche Problem und der Grund ist
ng new app-name
, wird ein neues Verzeichnis mit dem App-Namen erstellt und alles darin installiert.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
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 install
fü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.
Nach dem vergeblichen Versuch:
npm install -g @ angle / cli hat bei mir funktioniert
Ich hatte das gleiche Problem und musste neben dem Entfernen der node_modules und der Neuinstallation zuerst package-lock.json entfernen.
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.
Sie müssen den ng-Server vom Speicherort c: \ project \ angle-src ausführen. Nicht nur die Wurzel Ihres Projekts.
ng serve
muss im Stammverzeichnis des Ordners ausgeführt werden, da sich dort die package.json
Datei befindet, die dieses Skript definiert.
Führen Sie ng new --skip-install PROJECT_NAME aus und gehen Sie dann manuell in den erstellten Ordner und geben Sie npm install ein. https://github.com/angular/angular-cli/issues/3906
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 xxx
natürlich und es hat funktioniert.
Um das Projektes Zustand wiederherstellen I entfernt node_modules
und package-lock.json
nach dieser Antwort und dann liefyarn install
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.
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.
** 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.
Um dieses Problem zu lösen.
cd projectName
npm update
ng serve -o
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/ **