Erreurs: le chemin d'accès aux données «.builders ['app-shell']» doit avoir la propriété requise 'class'

J'obtiens cette erreur lors de l'exécution de mon application. Voici les détails de ma candidature.

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

J'ai déjà essayé de nettoyer le cache.

Dans votre package.json, changez le générateur de devkit.

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

à

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

ça marche pour moi.
bonne chance.

La suite a fonctionné pour moi

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

Tout le monde ici se concentre sur la rétrogradation de @ angular-devkit / build-angular vers les versions @angular 7.x pour des raisons de compatibilité, mais ce qu'ils devraient faire est de passer @angular/cliaux versions angular 8.

Le problème est que le système cli est toujours bloqué sur une ancienne version et n'est pas automatiquement mis à jour par ng update(car il est en dehors du projet à contrôle angulaire), il est donc laissé dans une version incompatible lors de la tentative d'accès aux bibliothèques angulaires.

La rétrogradation @angular-devkit/build-angularentraîne simplement plus d'incompatibilités.

npm i --global @angular/cli@latest

résoudra le problème sans casser les choses ailleurs.

Tout le monde se concentre sur la rétrogradation de la @angular-devkit/build-angularversion vers X ou la mise à niveau@angular/cli à version vers Y ou la dernière.

Cependant, veuillez ne pas suggérer aveuglément une X or Y or latestréponse. (Bien que généralement, la mise à niveau du devkit devrait être meilleure car la mise à niveau de la CLI est un changement radical)

La bonne version à choisir dépend toujours de votre version Angular (angular-cli).

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

Pour d'autres versions spécifiques, visitez: https://github.com/angular/angular-cli/tags . Trouvez votre version CLI, et dans certaines balises, ils mentionnent les versions correspondantes pour les @angular-devkit/**packages.

Remarque: Si vous souhaitez mettre à niveau votre version CLI, vous devez d'abord envisager de mettre à niveau vers la dernière version de votre version majeure, ne passez pas simplement à la prochaine version majeure.

Votre @ angular-devkit est incompatible avec la version @ angular / cli, donc installez simplement une version plus ancienne comme celle-ci par exemple:

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

Même problème après avoir essayé de mettre à niveau vers Ng8 qui a échoué en raison de problèmes de dépendance.

npm uninstall @angular-devkit/build-angular

puis j'ai utilisé,

npm install @angular-devkit/[email protected]

réparé ...

J'ai eu le même problème, mais je l'ai résolu grâce au commentaire d'Ekta Gandhi:

Enfin j'ai trouvé la solution.

1) Tout d'abord, éliminez tous les changements dans le fichier package.json en donnant une simple commande git checkout package.json.

2) Ensuite, après avoir modifié package.json dans @ angular-devkit / build-angular- ~ 0.800.1 (Ajouter tail au lieu de cap)

3) Exécutez ensuite la commande rm -rf node_modules /

4) Nettoyez ensuite catch en donnant la commande npm clean cache -f

5) Et enfin, exécutez la commande npm install. Cela fonctionne pour moi.

.... Avec la modification proposée par Dimuthu

Faites-le à @ angular-devkit / build-angular ":" 0.13.4 "et cela a fonctionné.

Cela m'est arrivé lorsque j'ai installé Angular 8, il y a des incompatibilités que je n'ai pas pu résoudre. J'ai dû déclasser parce que je suis descendu dans le terrier du lapin en jonglant avec chaque version jusqu'à ce que j'en trouve une qui fonctionnait.

Tout d'abord, TypeScript était obsolète, l'installation par défaut a ajouté une référence à TypeScript 3.1.6 et elle nécessite 3.4 ou plus.

npm install typescript@">=3.4 <3.5"

Deuxièmement, l'utilisation du devkit 0.800.1 ou 0.800.1 aboutissait toujours à des incompatibilités. J'ai essayé de nombreuses combinaisons mais je ne suis pas encore sûr qu'elle soit entièrement compatible, surtout parce que j'utilise un bootstrap un peu plus ancien et que je ne peux pas encore mettre à niveau.

Enfin, j'ai essayé de rétrograder (allez sur package.json et trouvez les devDependencies) jusqu'à ce que l'un d'eux fonctionne.

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

Je suis sûr que votre problème concerne les versions de dépendances, mais je ne peux pas vous dire laquelle. Essayez le déclassement.

Essayez de mettre à jour le fichier package.json à partir de

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

à

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

Ensuite, exécutez npm install dans la ligne de commande.

Je rencontrais également ce problème et pour moi, lorsque je faisais plus de mises à jour, plus de problèmes se produisaient.

Ce qui a fonctionné pour moi à la fin était plus ou moins de supprimer le cli angulaire et de le réinstaller avec ces étapes:

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

cela m'a aidé à trouver la source: comment désinstaller angular / cli

J'ai fait ce changement dans le fichier package.json, puis cela fonctionne.

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

à

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

J'ai changé @angular-devkit/build-angular": "0.9.0.1"pour @angular-devkit/build-angular": "0.13.4"et cela a fonctionné.

J'ai également rencontré ce problème et j'ai eu du mal à le résoudre pendant des heures, j'ai essayé toutes les options ci-dessus mais rien n'a résolu mon problème. Ce problème se produit en raison d'une incompatibilité de version de angular / cli et angular-devkit, j'ai donc fait ce qui suit:

1. Version modifiée manuellement des fichiers:

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

   @angular/cli": "~7.0.3", // Ceci est pour Angular7, pour Angular8: 0.803.23

2. Package-lock.json supprimé

3. Exécuté: npm install

Cela a résolu mon problème.

De mon côté c'était paquet

@ angular-devkit / build-angular

et

@ angular-devkit / build-ng-packagr

n'était pas la même version, la mise build-ng-packagrà jour vers la même version a build-angularrésolu mon problème.

Si vous passez à angulaire 8 ou 9, cela fera l'affaire

ng update @angular/cli

Vous pouvez simplement auditer votre code puis

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

Vous avez des dépendances incompatiibles, j'ai résolu ce problème en modifiant le package.json d'un autre projet angulaire puis après le changement de ce packag.json, vous ne modifiez que les versions de dépendances que vous avez.

après le changement, écrivez:

-npm lien

-npm servir -o

alors c'est du travail :)

   {
   "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"
   }

J'ai eu ce problème, voici comment je l'ai résolu. Le problème est principalement que votre version Angular ne prend pas en charge votre version Node.js pour la construction. La meilleure solution est donc de mettre à niveau votre Node.js vers la version stable la plus récente.

Pour une mise à jour propre de Node.js, je vous conseille d'utiliser n. si vous utilisez Mac.

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

et vérifiez maintenant que vous êtes à jour:

node -v
npm -v

Pour plus de détails, consultez ce lien: ici

AUCUNE des réponses ci-dessus ne fonctionne pour moi.

Mon objectif initial était de corriger la COMPILATION parfois CONSTANTE de mon projet avec VSCode.

J'ai essayé de nombreuses façons, mais RIEN ne fonctionnait - le projet NE SERA PAS COMPILÉ!

Enfin, j'ai découvert quel est le problème ici:

J'ai cloné le projet à partir du référentiel de mon entreprise, et tout le code à partir de là DOIT correspondre exactement aux versions des dépendances lorsque la partie existante du projet a été codée.

En fin de compte, j'ai supprimé le projet précédemment cloné ENCORE (plusieurs fois) , et cloné ENCORE (également quelques fois) , et N'AI RIEN SAUF RAN "npm install", et tout a commencé à fonctionner .

La leçon que j'ai apprise ici est la suivante:

Parfois, vous aggraverez la situation lorsque vous essayez de résoudre certains problèmes (celui que j'ai eu était la COMPILATION CONSTANTE de mon projet).

Mais cela ne signifie pas que nous ne pouvons pas essayer de résoudre les problèmes. Nous pouvons. Mais quand tout devient un gâchis, nous ferions mieux d'utiliser le code d'origine.

Heureusement, la COMPILATION CONSTANTE de mon projet ne se produit qu'une fois de temps en temps, pas tout le temps. Ce n'est pas fixe, mais je dois le supporter, sinon mon projet ne sera même pas compilé.

c'est du travail réinstaller @ angular-devkit / build-angular @ 0.13.4

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