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
angular
npm
angular-cli
web_mobile designer_dev
quelle
quelle
npm install
Antworten:
Versuche zu rennen
im Projektordner
quelle
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:
quelle
Löschen Sie Ihre Knotenmodule. Überprüfen Sie, ob Ihre
package.json
Datei die haben sollte,@angular/core
und installieren Sie sie erneut mitnpm i
.quelle
Führen Sie dann den folgenden Befehl aus, um npm-Pakete zu aktualisieren.
npm update
Starten Sie später das Projekt und führen Sie den folgenden Befehl aus.
ng serve
Die obigen Schritte haben bei mir funktioniert.
quelle
Kann dir helfen.
Dies wird Ihr Problem lösen.
quelle
vom Terminal
quelle
Ich weiß nicht, ob es noch ein Problem ist. Ich hatte das gleiche Ärgernis mit
@angular/cli v1.1.2
onnpm 4.1.2
. Ich habe dasnode_modules
Verzeichnis gelöscht und dann mit der Aktualisierung fortgefahrennpm
(da dies in der Vergangenheit eine häufige Ursache war).Ich wollte auf (spätestens) upgraden
npm
,5.0.3
aber seit ich es benutztnvm
habe, scheint es die Bibliotheken durcheinander gebracht zu haben. Daher habe ich neu installiertnode
.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.
quelle
Die folgenden Schritte haben bei mir funktioniert:
1) Löschen Sie den
node_modules/
Ordner und diepackage-lock.json
Datei.2)
npm install
3)
ng serve
quelle
Das Update für mich war
quelle
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 denenmy-app/package.json
stattroot/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 ändernmy-app/*
. Es ist viel einfacher, einfach hineinzugehenmy-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
quelle
previous-app
Nachdem ich Ihre Befehle ausgeführt habe, erhalte ich eineYou 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 VerzeichnissesFühren Sie das npm-Update aus, nachdem Sie alle Peer-Abhängigkeiten installiert haben, und es funktioniert.
quelle
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.)
quelle
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 FehlermeldungIch 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!quelle
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 aus
ng serve
quelle
Sie erstellen ein neues Projekt mit:
In Ihrem Beispiel fehlen Sie
new
. Dies würde einen Ordner erstellen, Dateien generieren undnpm 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:
npm start
wird nur verwendet, wenn Sie aus cli ausgeworfen haben.quelle
Nach dem vergeblichen Versuch:
npm install -g @ angle / cli hat bei mir funktioniert
quelle
Ich hatte das gleiche Problem und musste neben dem Entfernen der node_modules und der Neuinstallation zuerst package-lock.json entfernen.
quelle
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.
quelle
Sie müssen den ng-Server vom Speicherort c: \ project \ angle-src ausführen. Nicht nur die Wurzel Ihres Projekts.
quelle
ng serve
muss im Stammverzeichnis des Ordners ausgeführt werden, da sich dort diepackage.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
quelle
In meinem Fall hat Folgendes funktioniert:
Daher das
npm install
nicht aktualisieren .quelle
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 ichyarn add xxx
natürlich und es hat funktioniert.Um das Projektes Zustand wiederherstellen I entfernt
node_modules
undpackage-lock.json
nach dieser Antwort und dann liefyarn install
quelle
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.
quelle
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.
quelle
** 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.
quelle
Um dieses Problem zu lösen.
cd projectName
npm update
ng serve -o
Zum Beispiel :
quelle
Für ng serv müssen Sie sich in diesem Verzeichnis befinden
Wie ich das mit cmd gelöst habe
Jetzt mach cmd
quelle