Fehler: Für den Datenpfad ".builders ['app-shell']" sollte die Eigenschaft 'class' erforderlich sein.

Ich erhalte diesen Fehler beim Ausführen meiner Anwendung. Hier sind die Details meiner Bewerbung.

Angular CLI: 7.3.3 
Node: 10.15.1 
Angular: 7.2.7 
@angular-devkit/architect -0.13.3 
@angular-devkit/build-angular- 0.800.1 
@angular-devkit/build-optimizer - 0.800.1 
@angular-devkit/build-webpack - 0.800.1 
@angular-devkit/core -7.3.3 
@angular-devkit/schematics -7.3.3 
@angular/cli -7.3.3 
@ngtools/webpack -8.0.1 
@schematics/angular -7.3.3 
@schematics/update 0.13.3 
rxjs 6.3.3 
typescript 3.2.4 
webpack 4.30.0

Ich habe bereits versucht, den Cache sauber zu halten.

Ändern Sie in Ihrer package.json den Devkit-Builder.

"@angular-devkit/build-angular": "^0.800.1",

zu

"@angular-devkit/build-angular": "^0.10.0",

Für mich geht das.
Viel Glück.

Das Folgende hat bei mir funktioniert

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/[email protected]

Alle hier konzentrieren sich aus Kompatibilitätsgründen auf das Downgrade von @ angle-devkit / build-angle auf @angular 7.x-Versionen. Sie sollten jedoch ein Upgrade durchführen@angular/cli auf Angular 8-Versionen durchführen.

Das Problem ist, dass die System-CLI immer noch auf einer alten Version steckt und nicht automatisch aktualisiert wird ng update (da sie sich außerhalb des winkelgesteuerten Projekts befindet), sodass beim Versuch, auf die Winkelbibliotheken zuzugreifen, eine inkompatible Version beibehalten wird.

Ein Downgrade führt @angular-devkit/build-angularnur zu mehr Inkompatibilitäten.

npm i --global @angular/cli@latest

wird das Problem beheben, ohne Dinge an anderer Stelle zu brechen.

Jeder konzentriert sich darauf, die @angular-devkit/build-angularVersion auf X herunterzustufen oder zu aktualisieren@angular/cli Version auf Y oder die neueste .

Bitte schlagen Sie jedoch nicht blind eine X or Y or latestAntwort vor. (Normalerweise sollte ein Downgrade des Devkits besser sein, da das Upgrade der CLI eine wichtige Änderung darstellt.)

Die richtige Version hängt immer von Ihrer Angular-Version (Angular-Cli) ab.

Angular CLI v8.3.19 -> 0.803.19
Angular CLI v8.3.17 -> 0.803.17
Angular CLI v7.3.8 -> 0.13.8
Angular CLI v6-lts -> 0.8.9

Weitere spezifische Versionen finden Sie unter: https://github.com/angular/angular-cli/tags . Suchen Sie Ihre CLI-Version, und in einigen Tags werden die entsprechenden Versionen für erwähnt@angular-devkit/** Pakete erwähnt.

Hinweis: Wenn Sie Ihre CLI-Version aktualisieren möchten, sollten Sie zunächst ein Upgrade auf die neueste Version Ihrer Hauptversion in Betracht ziehen und nicht einfach zur nächsten Hauptversion springen.

Ihr @ angle-devkit ist nicht mit der @ angle / cli-Version kompatibel. Installieren Sie also einfach ein älteres wie das folgende:

npm install @angular-devkit/[email protected] @angular-devkit/[email protected]

Gleiches Problem nach dem Versuch, ein Upgrade auf Ng8 durchzuführen, das aufgrund von Abhängigkeitsproblemen fehlgeschlagen ist.

npm uninstall @angular-devkit/build-angular

dann habe ich verwendet,

npm install @angular-devkit/[email protected]

behoben...

Ich hatte das gleiche Problem, aber ich habe es dank des Kommentars von Ekta Gandhi gelöst:

Endlich habe ich die Lösung gefunden.

1) Entfernen Sie zunächst alle Änderungen in der Datei package.json, indem Sie den einfachen Befehl git checkout package.json eingeben.

2) Dann nach Änderung in package.json in @ angle-devkit / build-angle-~ 0.800.1 (Schwanz anstelle von Kappe hinzufügen)

3) Führen Sie dann den Befehl rm -rf node_modules / aus

4) Bereinigen Sie dann catch, indem Sie den Befehl npm clean cache -f eingeben

5) Und zuletzt den Befehl npm install ausführen. Das funktioniert bei mir.

.... zusammen mit der von Dimuthu vorgeschlagenen Änderung

Schaffte es an @ angle-devkit / build-angle ":" 0.13.4 "und es funktionierte.

Dies ist mir bei der Installation von Angular 8 passiert. Es gibt einige Inkompatibilitäten, die ich nicht lösen konnte. Ich musste ein Downgrade durchführen, weil ich mit jeder Version durch das Kaninchenloch jonglierte, bis ich eine fand, die funktionierte.

Erstens war TypeScript veraltet, die Standardinstallation fügte einen Verweis auf TypeScript 3.1.6 hinzu und erfordert 3.4 oder höher.

npm install typescript@">=3.4 <3.5"

Zweitens führte die Verwendung des Devkits 0.800.1 oder 0.800.1 immer zu Inkompatibilitäten. Ich habe viele Kombinationen ausprobiert, bin mir aber noch nicht sicher, ob sie vollständig kompatibel sind, insbesondere, weil ich einen etwas älteren Bootstrap verwende und noch kein Upgrade durchführen kann.

Schließlich habe ich versucht, ein Downgrade durchzuführen (gehen Sie zu package.json und suchen Sie die devDependencies), bis einer von ihnen funktioniert hat.

@angular-devkit/build-angular": "0.13.4"

Ich bin sicher, Ihr Problem sind Abhängigkeitsversionen, aber ich kann Ihnen nicht sagen, welche. Probieren Sie es aus.

Versuchen Sie, die Datei package.json von zu aktualisieren

  "@angular-devkit/build-angular": "^0.800.1" 

zu

  "@angular-devkit/build-angular": "^0.12.4"

Führen Sie dann npm install in der Befehlszeile aus.

Ich bin auch auf dieses Problem gestoßen, und bei mehr Updates sind mehr Probleme aufgetreten.

Was am Ende für mich funktioniert hat, war mehr oder weniger, eckige Cli zu entfernen und sie mit den folgenden Schritten neu zu installieren:

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

Dies hat mir geholfen, die Quelle zu finden: wie man angle / cli deinstalliert

Ich habe diese Änderung in der Datei package.json vorgenommen, dann funktioniert es.

"@angular-devkit/build-angular": "^0.803.23"

zu

"@angular-devkit/build-angular": "^0.13.9"

Ich wechselte @angular-devkit/build-angular": "0.9.0.1"zu @angular-devkit/build-angular": "0.13.4"und es hat funktioniert.

Ich war auch mit diesem Problem konfrontiert und hatte Stunden Mühe, es zu lösen. Ich habe alle oben genannten Optionen ausprobiert, aber nichts hat mein Problem gelöst. Dieses Problem tritt aufgrund einer Versionsfehlanpassung von Angular / Cli und Angular-Devkit auf. Daher habe ich Folgendes getan:

1. Manuell geänderte Version von Dateien:

   @ angle-devkit / build-angle ":" ^ 0.13.9 ",

   @angular/cli": "~7.0.3", // Dies ist für Angular7, für Angular8: 0.803.23

2. Package-lock.json gelöscht

3. Ausgeführt: npm install

Es hat mein Problem gelöst.

Auf meiner Seite war es Paket

@ angle-devkit / build-angle

und

@ angle-devkit / build-ng-packagr

war nicht die gleiche Version, Aktualisierung build-ng-packagrauf die gleiche Version wie build-angularmein Problem behoben.

Wenn Sie zu Winkel 8 oder 9 wechseln, reicht dies aus

ng update @angular/cli

Sie können einfach Ihren Code prüfen und dann

#sudo su 
rm -rf package-lock.json node_modules
sudo npm i --save 

Sie haben inkompatible Abhängigkeiten. Ich habe dieses Problem gelöst, indem ich die package.json aus einem anderen Projektwinkel geändert habe. Nach der Änderung in packag.json ändern Sie nur die Abhängigkeitsversionen, die Sie haben.

nach der Änderung schreiben:

-npm Link

-npm servieren -o

dann ist es Arbeit :)

   {
   "name": "angular-jwt-auth",
   "version": "0.0.0",
   "scripts": {
   "ng": "ng",
   "start": "ng serve",
   "build": "ng build",
   "test": "ng test",
   "lint": "ng lint",
   "e2e": "ng e2e"
   },
   "private": true,
   "dependencies": {
   "@angular/animations": "^7.1.4",
   "@angular/cdk": "^7.3.1",
   "@angular/common": "~7.1.0",
   "@angular/compiler": "~7.1.0",
   "@angular/core": "~7.1.0",
   "@angular/forms": "~7.1.0",
   "@angular/http": "^6.1.10",
   "@angular/material": "^7.3.1",
   "@angular/platform-browser": "~7.1.0",
   "@angular/platform-browser-dynamic": "~7.1.0",
   "@angular/router": "~7.1.0",
   "@ng-bootstrap/ng-bootstrap": "^4.2.0",
   "@types/jquery": "^3.3.29",
   "angular-6-datatable": "^0.8.0",
   "bootstrap": "^4.3.1",
   "chart.js": "^2.8.0",
   "core-js": "^2.5.4",
   "jquery": "^3.4.1",
   "rxjs": "~6.3.3",
   "zone.js": "~0.8.26"
    },
   "devDependencies": {
   "@angular-devkit/build-angular": "~0.11.0",
   "@angular/cli": "~7.1.0",
   "@angular/compiler-cli": "~7.1.0",
   "@angular/language-service": "~7.1.0",
   "@types/chart.js": "^2.7.53",
   "@types/jasmine": "^2.8.16",
   "@types/jasminewd2": "^2.0.6",
   "@types/node": "~8.9.4",
   "codelyzer": "~4.2.1",
   "jasmine-core": "~2.99.1",
   "jasmine-spec-reporter": "~4.2.1",
   "karma": "~3.1.1",
   "karma-chrome-launcher": "~2.2.0",
   "karma-coverage-istanbul-reporter": "~2.0.1",
   "karma-jasmine": "~1.1.2",
   "karma-jasmine-html-reporter": "^0.2.2",
   "protractor": "~5.4.0",
   "ts-node": "~7.0.0",
   "tslint": "~5.11.0",
   "typescript": "~3.1.6"
   }

Ich hatte dieses Problem, so habe ich es gelöst. Das Problem besteht hauptsächlich darin, dass Ihre Angular-Version Ihre Node.js-Version für den Build nicht unterstützt. Die beste Lösung besteht also darin, Ihre Node.js auf die aktuellste stabile zu aktualisieren.

Für ein sauberes Upgrade von Node.js empfehle ich die Verwendung von n. Wenn Sie einen Mac verwenden.

npm install -g n
npm cache clean -f
sudo n stable
npm update -g

und jetzt überprüfen Sie, ob Sie aktualisiert sind:

node -v
npm -v

Weitere Informationen finden Sie unter folgendem Link: hier

KEINE der oben angegebenen Antworten funktioniert für mich.

Mein ursprüngliches Ziel war es, das manchmal KONSTANTE KOMPILIEREN meines Projekts mit VSCode zu beheben.

Ich habe viele, viele Möglichkeiten ausprobiert, aber NICHTS hat funktioniert - das Projekt wird einfach nicht kompiliert!

Schließlich fand ich heraus, was das Problem hier ist:

Ich habe das Projekt aus dem Repository meines Unternehmens geklont, und der gesamte Code von dort MUSS genau mit den Versionen der Abhängigkeiten übereinstimmen, als der vorhandene Teil des Projekts codiert wurde.

Am Ende habe ich das zuvor geklonte Projekt WIEDER gelöscht (einige Male) und WIEDER geklont (auch einige Male) und NICHTS ABER RAN "npm install" und alles begann zu funktionieren .

Die Lektion, die ich hier gelernt habe, ist folgende:

Manchmal verschlimmert sich die Situation, wenn Sie versuchen, einige Probleme zu beheben (das Problem, das ich hatte, war das KONSTANTE KOMPILIEREN meines Projekts).

Das heißt aber nicht, dass wir nicht versuchen können, die Probleme zu beheben. Wir können. Aber wenn alles durcheinander kommt, sollten wir besser den Originalcode verwenden.

Glücklicherweise findet die KONSTANTE KOMPILIERUNG meines Projekts nur gelegentlich statt , nicht immer. Es ist nicht behoben, aber ich muss es ertragen, sonst wird mein Projekt nicht einmal kompiliert.

Es ist Arbeit, @ angle-devkit / build-angle @ 0.13.4 neu zu installieren

npm install @angular-devkit/[email protected] --save-dev