Fehler: Die lokale Arbeitsbereichsdatei ('angle.json') wurde nicht gefunden


189

Ich habe travis-cimich in mein GitHub-Konto integriert ( https://github.com/pradeep0601/Angular5-Router-App ).

Als ich die @angular/cliVersion von 1.7.4 auf 6.0.0-rc.3 aktualisierte , schlug der Build mit einem Fehler fehl:

Local workspace file ('angular.json') could not be found.
Error: Local workspace file ('angular.json') could not be found.
    at WorkspaceLoader._getProjectWorkspaceFilePath (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/workspace-loader.js:37:19)
    at WorkspaceLoader.loadWorkspace (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/workspace-loader.js:24:21)
    at TestCommand._loadWorkspaceAndArchitect (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:177:32)
    at TestCommand.<anonymous> (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:45:25)
    at Generator.next (<anonymous>)
    at /home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:7:71
    at new Promise (<anonymous>)
    at __awaiter (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:3:12)
    at TestCommand.initialize (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:44:16)
    at /home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/command-runner.js:100:23

package.json-Snippet zum besseren Verständnis der laufenden Umgebung:

    "@angular/cli": "6.0.0-rc.3",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",

Ich hatte das gleiche Problem, und es war albern, dies tritt auf, wenn Terminal aus Visual Studio-Code verwendet wird und funktioniert beim Umschalten auf Windows-Standard-CLI!
Gilles Kagarama

Antworten:


319

Ich hatte gerade das gleiche Problem.

Es bezieht sich auf Release v6.0.0-rc.2, https://github.com/angular/angular-cli/releases :

Neues Konfigurationsformat. Die neue Datei befindet sich unter angle.json (aber auch .angular.json wird akzeptiert). Wenn Sie ng update für ein CLI 1.7-Projekt ausführen, gelangen Sie zur neuen Konfiguration.

Ich musste ausführen:

ng update @angular/cli --migrate-only --from=1.7.4

Dies entfernt .angular-cli.jsonund erstellt angular.json.

Wenn dies dazu führt, dass Ihr Projekt 1.7.4 verwendet, installieren Sie v6 lokal:

npm install --save-dev @angular/cli@v6.0.0-rc.4

Versuchen Sie erneut, Ihr Projekt zu aktualisieren mit:

ng update @angular/cli --migrate-only --from=1.7.4

4
Laufen ng update @angular/cli --migrate-only --from=1.7.4führt zu Fehler : Collection "@schematics/angular/migrations/migration-collection.json" cannot be resolved.. Wie kann man das beheben?
GO VEGAN

1
Ich bekomme auch "Unbekannte Option:" --extractCss "
Mohammed Barakat

8
Stellen Sie sicher, dass Ihre npm- und nodejs-Versionen auf dem neuesten Stand sind, da sonst wahrscheinlich ein Fehler auftritt. ng update @angular/cliist alles was benötigt wird.
Rtaft

1
@ user1932595 Ich musste auf @schematics/angulardie neueste Version aktualisieren , um diesen Fehler zu beheben .
bygrace

2
Ein kurzer Hinweis oben. Das Entfernen der .angula-cli.json erfolgte für mich erst beim zweiten Ausführen des Befehls ng update.
Aggie Jon von 87

78

Ich habe die gleichen Fehlermeldungen erhalten. Es war ein dummer Fehler für mich, ich lief nicht ng servein dem Verzeichnis, in dem sich mein Angular-Projekt befindet. Stellen Sie sicher, dass Sie sich im richtigen Verzeichnis (Projektverzeichnis) befinden, bevor Sie diesen Befehl ausführen.


3
oh das ist verrückt :)) danke, das hat mir auch eine Menge komplexer Fehlerbehebung erspart! manchmal sind Lösungen wirklich einfach
msanjay

machte den gleichen Fehler
Faizan Mubasher

Ich habe das Gleiche getan. Sie erstellen ein Verzeichnis für Ihr Projekt und es erstellt ein weiteres Verzeichnis innerhalb dieses Verzeichnisses (schlagen Sie mich selbst)
Jonathan

dh neue my-app, cd my-app (ich habe diesen Kommentar früher gesehen, aber angenommen, er bedeutete die oberste Ebene)
Tony

Ich habe den gleichen Fehler gemacht, den du mir
erspart

36

Mit der neuesten Version, ohne dass --migrate-onlyich das Repo aktualisiert habe.

Ich habe ng Update

Das Angular CLI-Konfigurationsformat wurde geändert und Ihre vorhandene Konfiguration kann automatisch aktualisiert werden, indem der folgende Befehl ausgeführt wird:

ng update @angular/cli
            Updating karma configuration
            Updating configuration
            Removing old config file (.angular-cli.json)
            Writing config file (angular.json)
            Some configuration options have been changed, please make sure to update any npm scripts which you may have modified.
DELETE .angular-cli.json
CREATE angular.json (3684 bytes)
UPDATE karma.conf.js (1040 bytes)
UPDATE src/tsconfig.spec.json (322 bytes)
UPDATE package.json (1340 bytes)
UPDATE tslint.json (3140 bytes)

Ich bekommeIncompatible peer dependencies found. See above.
Simon Baars

Ein unerwarteter Fehler ist aufgetreten. package @ angle / flex-layout hat keine Version null.
Prageeth Godage

20

Nun, ich hatte das gleiche Problem, sobald ich meine angular cliVersion aktualisiert habe .

Früher habe ich 1.7.4 verwendet und gerade habe ich es auf aktualisiert angular cli 6.0.8.

So aktualisieren Sie Angular Cli global:

npm uninstall -g angular-cli
npm cache clean 
npm install -g @angular/cli@latest

So aktualisieren Sie Angular Cli dev:

npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest
npm install

So beheben Sie Überwachungsprobleme nach der Installation von npm:

npm audit fix

So beheben Sie das Problem im Zusammenhang mit "angle.json":

ng update @angular/cli --migrate-only --from=1.7.4

17

Deinstallieren Sie die alte Version von Angular CLI und installieren Sie Angular CLI global:

Aktualisieren Sie das globale Paket Angular cli auf die nächste Version "@ angle / compiler-cli": "^ 6.0.0"

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@next

Generieren Sie ein neues Projekt und eine neue Standardanwendung, indem Sie den folgenden Befehl ausführen:

ng new my-project
cd my-project
ng serve

7
Verwenden Sie nicht cli @ next, verwenden Sie cli @ latest, sonst erhalten Sie die Beta-Versionen.
Wechseln Sie

9

Versuchen Sie es mit dem folgenden Befehl:

ng update @angular/cli --migrate-only --from=1.7.4

Es wird das Folgende ausführen

  • Aktualisieren der Karma-Konfiguration

  • Konfiguration aktualisieren

  • Alte Konfigurationsdatei entfernen (.angular-cli.json)

  • Konfigurationsdatei schreiben (angle.json)

Bitte beachten Sie, dass der obige Befehl in dem Ordner ausgeführt werden sollte, in dem Sie die Datei haben. angular-cli.jsonund es wird dann ersetzt durch angular.json.


Ich habe den Befehl mehrmals ausgeführt und die Datei angle.json wird nie angezeigt. Wenn ich jedoch die Datei angle-cli.json lösche, führen Sie den Befehl aus, und die Datei angle-cli.json wird wieder hinzugefügt. Was fehlt mir hier?
jgritten

8

Wenn Sie die Version nicht kennen und das aktuelle Projekt erstellt wurde, können Sie --fromBefehl und Typ weglassen--migrate-only

ng update @ angle / cli - nur migrieren


7

Wenn alle Arten der Aktualisierung von Kommandos dies nicht tun. Versuchen Sie, package-lock.json zu löschen . Führen Sie dann npm install aus . Hat den Trick für mich gemacht, nachdem ich Tonnen von Update-Kommandos durchlaufen habe.


Gibt es einen Grund, diesen Ansatz nicht als Standard zu verwenden (Ordner node_modules und package-lock.json löschen) und nur npm install auszuführen?
Wallace Howery

4

Für mich geht das:

Lösche Ordner node_modules

Führen Sie den Befehl aus: npm install

(Wenn es zum ersten Mal nicht funktioniert, wiederholen Sie dies 2 oder 3 Mal. Es ist lustig, aber es funktioniert für mich.)


4
Warum sollte das Wiederholen dieses Vorgangs einen anderen Effekt haben als beim ersten Mal?
Schlitten

3

Überprüfen Sie Ihre Ordnerstruktur, in der Sie den Befehl ausführen. Führen Sie den Befehl 'ng serve' aus, wobei sich in der Struktur eine Datei angle.json befinden sollte.

Die Datei angle.json wird standardmäßig generiert, wenn wir den Befehl ausführen

npm install -g '@ angle / cli' ng neuer Projektname, dann CD-Projektordner, dann ng serv ausführen. es hat bei mir funktioniert


3

Laufen ng update @angular/cli Sie einfach in Ihrer Konsole. Möglicherweise finden Sie nach dem Ausführen des Befehls einige Schwachstellen (wenn Sie npm verwenden), die Sie jedoch einfach in der Konsole ausführennpm audit fix , um sie zu beheben. Dieser Befehl durchsucht das Projekt nach Schwachstellen und behebt Kompatibilitätsprobleme, indem Updates für diese Abhängigkeiten installiert werden. Wenn Sie diese Sicherheitsanfälligkeiten nicht sofort auf auto fix möchten, können Sie einen ausführen Dry Run: durch Laufen npm audit fix --dry-run -json in der Konsole. Dies gibt Ihnen eine Vorstellung davon, was der Befehl npm audit fixin Form von json in der Konsole tun wird.


3

Ich hatte das gleiche Problem, und was ich getan habe, funktioniert für mich:

  1. Aktualisieren Sie in der Datei package.json die Angular CLI-Version auf die gewünschte Version:

    "devDependencies": { ...
      "@angular/cli": "^6.0.8",
      ...
    }
    
  2. Löschen Sie den node_modulesOrdner, um das Projekt zu bereinigen, bevor Sie die Abhängigkeiten aktualisieren mit:

    npm install
    
    ng update @angular/cli
    
  3. Versuchen Sie erneut, mein Projekt zu erstellen (der letzte und erfolgreiche Versuch)

    ng build --prod
    

2

Für mich hat es funktioniert, ein neues Angular-Projekt zu erstellen und nur die Datei angle.json in das Projekt zu kopieren, bei dem ein Problem aufgetreten ist, da die Datei angle.json fehlte .


1

Für mich lag das Problem daran, dass die globale @ angle / cli- Version und @ angle / compiler-cli unterschiedlich waren. Schauen Sie in package.json .

...
"@angular/cli": "6.0.0-rc.3",
"@angular/compiler-cli": "^5.2.0",
...

Und wenn sie nicht übereinstimmen, aktualisieren oder downgraden Sie einen von ihnen.


1

Ich hatte auch das gleiche Problem und habe gerade den folgenden Befehl ausgeführt.

ng update @ angle / cli --migrate-only --from = 1.6.4

Es einfach löschen angular-cli.jsonund erstellenangular.json . Sie finden dies in Protokollen.

Sobald Sie mit der Ausführung beginnen. Sie können die folgenden Protokolle in Ihrem Terminal sehen.

        Updating karma configuration
        Updating configuration
        Removing old config file (.angular-cli.json)
        Writing config file (angular.json)
        Some configuration options have been changed, please make sure to update any                                     
        npm scripts which you may have modified.
        DELETE .angular-cli.json
        CREATE angular.json (3599 bytes)
        UPDATE karma.conf.js (962 bytes)
        UPDATE src/tsconfig.spec.json (324 bytes)
        UPDATE package.json (1405 bytes)
        UPDATE tsconfig.json (407 bytes)
        UPDATE tslint.json (3026 bytes)


0

Für mich bestand das Problem darin, dass ich einen Winkelprojektordner in einem Rails-Projektordner habe und alle Winkelaktualisierungsbefehle im übergeordneten Rails-Ordner und nicht im eigentlichen Winkelordner ausgeführt habe.


0

Ich hatte diese Fehlermeldung in einem Docker-Container. Ich habe es gelöst und hinzugefügt:

WORKDIR /usr/src

zu Dockerfile.


0

Ich hatte das gleiche Problem und stellte fest, dass in meinem Projekt keine package.json vorhanden war (sondern nur die package-lock.json). Ich habe dann

  1. hat die package.json aus der Quellcodeverwaltung wiederhergestellt
  2. deinstallierte die globalen und lokalen Angular-Cli-Versionen (wie in der Anleitung angegeben)
  3. befolgte das Standard-Upgrade-Verfahren

..und alles hat gut geklappt. Es hat eine Weile gedauert, es herauszufinden, aber das hat es für mich getan.


0
~/Desktop $ ng serve

Die lokale Arbeitsbereichsdatei ('angle.json') wurde nicht gefunden.

Fehler: Die lokale Arbeitsbereichsdatei ('angle.json') wurde nicht gefunden.

at WorkspaceLoader._getProjectWorkspaceFilePath (/usr/lib/node_modules/@angular/cli/models/workspace-loader.js:37:19)
at WorkspaceLoader.loadWorkspace (/usr/lib/node_modules/@angular/cli/models/workspace-loader.js:24:21)
at ServeCommand._loadWorkspaceAndArchitect (/usr/lib/node_modules/@angular/cli/models/architect-command.js:180:32)
at ServeCommand.<anonymous> (/usr/lib/node_modules/@angular/cli/models/architect-command.js:47:25)
at Generator.next (<anonymous>)
at /usr/lib/node_modules/@angular/cli/models/architect-command.js:7:71
at new Promise (<anonymous>)
at __awaiter (/usr/lib/node_modules/@angular/cli/models/architect-command.js:3:12)
at ServeCommand.initialize (/usr/lib/node_modules/@angular/cli/models/architect-command.js:46:16)
at Object.<anonymous> (/usr/lib/node_modules/@angular/cli/models/command-runner.js:87:23)

Dies liegt daran, dass ich das Angular-Projektverzeichnis nicht ausgewählt habe.

Es sollte so sein:

~ / Desktop / Angularproject $ ng dienen


0

Ich habe versucht, meine Ionic 4-App so einzustellen, dass sie als pwa ausgeführt wird. Wenn ich den Befehl ausführe:

ng add @angular/pwa

... habe die Fehlermeldung erhalten. Nach einigem Ausprobieren stellte ich fest, dass der Startbefehl beim Erstellen meines Projekts falsch war. Ich habe eine Ionic 3-Version verwendet:

ionic start myApp tabs --type=ionic-angular

Und das Richtige ist:

ionic start myApp tabs --type=angular

ohne "ionischen" Typ. Dies löste den Fehler.


0

Überprüfen Sie einfach Ihr Verzeichnis. Sie müssen "ng serve" in demselben Verzeichnis ausführen, in dem Sie das Projekt erstellt haben.

Geben Sie also zuerst in Ihr Projektverzeichnis ein.


0

Für Leute, die einfach ein Projekt geklont haben und versuchen, es auszuführen, müssen Sie npm installzuerst ausführen . Ich habe völlig vergessen, dies auszuführen und lief einfach, ng servebevor ich Knotenmodule installierte.

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.