Ich möchte eine eckige 2-App mit eckigem cli erstellen
Ich habe in der cmd geschrieben:
npm install angle-cli -g
dann:
ng firstngapp
aber es zeigt mir ein fehler wenn ich npm start schreibe!
Ich verstehe das Problem nicht
Versuche zu rennen
npm install
im Projektordner
Während Sie ng serve
ausführen, sollten Sie sich im Verzeichnis/project der App befinden.
Wenn Sie den Befehl in einem anderen Verzeichnis ausführen, wird der Fehler angezeigt:
Sie scheinen nicht auf "@ angle/core" angewiesen zu sein. Das ist ein Fehler.
Löschen Sie Ihre Knotenmodule. Überprüfen Sie, ob Ihre package.json
-Datei über den @angular/core
verfügt, und installieren Sie sie erneut mit npm i
.
Führen Sie dann den folgenden Befehl aus, um die npm-Pakete zu aktualisieren.
npm update
Starten Sie später das Projekt, um den folgenden Befehl auszuführen.
ng serve
Die oben genannten Schritte haben für mich funktioniert.
vom Terminal
> cd myProjectPath
myProjectPath > npm install
Ich weiß nicht, ob es immer noch ein Problem ist. Ich hatte die gleiche Belästigung mit @angular/cli v1.1.2
bei npm 4.1.2
. Ich löschte das node_modules
-Verzeichnis und fuhr dann mit der Aktualisierung von npm
fort (da dies in der Vergangenheit häufig vorkam).
Ich wollte npm
auf 5.0.3
(neueste Version) aufrüsten, aber seit ich nvm
verwendet habe, scheint es die Bibliotheken durcheinander gebracht zu haben. Also habe ich node
neu installiert.
Dann ging ich mit
npm cache clean
npm rebuild
npm install
- Dies mehrmals, da jedes Mal ein Fehler mit einem anderen Paket ausgegeben wurdeAm Ende war jedes Paket in Ordnung.
Hoffe das hilft.
Kann dir helfen.
Dies löst Ihr Problem.
Wenn irgendjemand im Jahr 2018 darauf stößt, war das, was schließlich für mich funktionierte, die mit ng new my-app
erstellte my-App und dann DANN ng serve
auszuführen und devDependencies in my-app/package.json
anstelle von root/package.json
. Sie sind zwei separate Dateien.
Selbst wenn ich alle Abhängigkeiten in package.json
meines Stammordners kopiert habe, müsste ich auch die Pfadpositionen für die Konfigurationsdateien manuell ändern, um in my-app/*
zu gelangen. Es ist viel einfacher, einfach in my-app/
zu gehen und ng serve
dort auszuführen, damit alles so läuft, wie es soll.
Diese Schritte sollten also für jeden funktionieren:
rm -rf <previous-app>
// Wie auch immer Ihre vorherige App aufgerufen 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
So habe ich dieses Problem gelöst.
Ich lief zuerst npm install @angular/core
.
Dann lief ich npm install --save
.
Nachdem beide Installationen erfolgreich abgeschlossen waren, 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 habe, habe ich npm install --save
noch einmal ausgeführt.
Ich lief npm start
und erhielt einen anderen Fehler. Dieser Fehler sagte Error: Cannot find module '@angular-devkit/core'
.
Ich lief npm install @angular-devkit/core --save
.
Schließlich lief ich npm start
und das Projekt begann!
Konfrontiert mit demselben Problem. Während der Ausführung von ngserve sollten Sie sich im apps-Verzeichnis befinden. Zur Bestätigung (bei GIT BASH: Sie haben (Master) nach dem Verzeichnispfad bei gitbash Prompt, wenn Sie sich im App-Verzeichnis befinden.)
ich habe das gleiche Problem und der Grund ist
ng new app-name
ausführen, wird ein neues Verzeichnis mit dem App-Namen erstellt und alles darin installiert.ng serve
ausgeführt wird. Da sich Ihre App im Unterverzeichnis befindet, wird package.json nicht gefunden und der genannte Fehler ausgegeben.Die Lösung ist ziemlich einfach. Wechseln Sie einfach in das Unterverzeichnis und führen Sie dann ng serve
aus.
Folgende Schritte haben für mich gearbeitet:
Löschen Sie den node_modules-Ordner und die package-lock.json-Datei . Npm installng dienen
Führen Sie das npm-Update aus, nachdem Sie alle Peer-Abhängigkeiten installiert haben, und es wird funktionieren.
Nach dem Versuch ohne Erfolg:
npm install -g @ angle/cli hat für mich funktioniert
Sie erstellen ein neues Projekt mit:
ng new firstngapp
In Ihrem Beispiel fehlt Ihnen 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, es aber 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 wurden.
Das Problem, das ich hatte, bestand darin, dass ich dem Rat von cli folgte, um auf Garnpaketverwaltung umzustellen.
Dann, während ich einem Tutorial folgte, machte ich npm install --save bootstrap
und danach trat der Fehler auf. Danach habe ich natürlich yarn add xxx
gemacht und es hat funktioniert.
Um den Status des Projekts wiederherzustellen, habe ich node_modules
und package-lock.json
als this answer entfernt und dann yarn install
ausgeführt.
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 package.json sowohl @ angle/compiler-cli als auch TypeScript in DevDependencies enthält. Löschen Sie anschließend node_modules und package-lock.json (falls vorhanden) undrun Npm erneut.
Dies ist mir passiert, als ich Paketmanager gemischt habe. Mein Projekt wurde mit Yarn erstellt, und danach habe ich mit npm install ein paar Abhängigkeiten hinzugefügt (dadurch wurde package-lock.json mit nur hinzugefügten Abhängigkeiten erstellt).
Anscheinend hat ng die benutzte package-lock.json verwendet und konnte dort keine Angular-Abhängigkeiten finden. Nachdem ich angefangen habe, nur Garne zu verwenden, d. H. Garne anstelle von npm install, war der Fehler weg.
Um diese Funktion nutzen zu können, müssen Sie sich in diesem Verzeichnis befinden
[email protected]:~/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)
[email protected]:~/Angular$ ng serve
You seem to not be depending on "@angular/core". This is an error.
Wie ich das mit cmd gelöst habe
[email protected]:~/Angular$ cd FireStore/
Jetzt tun Sie cmd
[email protected]:~/Angular/FireStore$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
** Sie sollten sich im neu erstellten YOUR_APP-Ordner befinden, bevor Sie den Befehl ng serve drücken. **
Lasst uns von frisch anfangen,
1) install npm
2) eine neue Winkel-App erstellen (ng new <YOUR_APP_NAME>
)
3) gehe zum App-Ordner (cd YOUR_APP_NAME
)
4) ng serve
Ich hoffe, das Problem wird gelöst.
Sie müssen den ng-Server vom Speicherort c:\project\angle-src aus ausführen. Nicht nur die Wurzel Ihres Projekts.
In meinem Fall hat folgendes funktioniert:
rm -rf node_modules
rm package-lock.json
npm install
Daher der npm install
, nicht update .
Ich habe die gleiche Fehlermeldung erhalten, als ich versuchte, "ng Serve" auszuführen, nachdem ich einige Vorschläge gesehen hatte, dass ein Techniker mir sagte, ich solle meine npm aktualisieren.
"" Die Versionen von @ angle/compiler-cli und TypeScript konnten nicht ermittelt werden . Der häufigste Grund ist eine fehlerhafte npm-Installation ..__ und TypeScript in devDependencies, dann löschen Sie node_module und package-lock.json (falls vorhanden) und Führen Sie npm erneut aus. ""
Nachdem alle Aktionen ausgeführt wurden, funktioniert es jetzt korrekt ... und die Meldung "Erfolgreich kompiliert".
Ng new --skip-install PROJECT_NAME ausführen, dann manuell in den erstellten Ordner gehen und npm install . https://github.com/angular/angular-cli/issues/3906 eingeben.
Ich hatte das gleiche Problem und zusammen mit dem Entfernen der node_modules und der Neuinstallation musste package-lock.json zuerst entfernt werden.