web-dev-qa-db-fra.com

Erreurs: le chemin de données ".builders ['app-Shell']" devrait avoir la propriété 'class' requise

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.

143
Ekta Gandhi

Dans votre package.json, changez le constructeur de devkit.

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

à

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

ça marche pour moi.
bonne chance.

148
idirene youcef

La suite a fonctionné pour moi

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

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

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 se trouve en dehors du angular contrôlé), il est donc laissé dans une version incompatible lors de l'accès aux bibliothèques angular angulaire).

Rétrogradation @angular-devkit/build-angular provoque juste plus d'incompatibilités.

npm i --global @angular/cli@latest

va résoudre le problème sans casser des choses ailleurs.

60
ovangle

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

Cependant, veuillez ne pas aveuglément suggérer un X or Y or latest comme réponses. (Bien qu'en général, la mise à niveau du devkit devrait être meilleure car la mise à niveau de la CLI est un changement de rupture)

La version correcte à 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 @angular-devkit/** paquets.

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

36
zhuhang.jasper

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

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

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

désinstaller npm @ angular-devkit/build-angular

puis

npm install @ angular-devkit/build-angular @ 0.12.4

réparé ...

14
Alfa Bravo

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, supprimez toutes les modifications du fichier package.json en donnant la commande simple git checkout package.json.

2) Ensuite, après avoir apporté des modifications dans package.json dans @ angular-devkit/build-angular- ~ 0.800.1 (Ajouter une queue au lieu d'un plafond)

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

4) Puis nettoyez 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

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

12
Alejandro Araujo

Cela m'est arrivé quand j'ai installé Angular 8, il y a des incompatibilités que je n'ai pas pu résoudre. J'ai dû rétrograder parce que je suis allé dans le trou du lapin jongler avec chaque version jusqu'à ce que j'en trouve une qui travaillé.

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

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 sûr qu'il soit entièrement compatible pour l'instant, surtout parce que j'en utilise une bootstrap un peu plus ancienne et je ne peux pas encore mettre à jour.

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 vient des versions des dépendances mais je ne peux pas vous dire laquelle. Essayez de rétrograder.

7
Maximiliano Rios

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

Ce qui a fonctionné pour moi à la fin était plus ou moins de supprimer angular cli et de le réinstaller en procédant comme suit:

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

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

6
tony2tones

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

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

à

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

Exécutez ensuite npm install dans la ligne de commande.

6
Nadeem Qasmi

J'ai fait cette modification dans le fichier package.json, puis cela fonctionne.

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

à

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

2
Aditya patil

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

J'ai également fait face à 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 entre angular/cli et angular-devkit, j'ai donc fait ce qui suit:

  1. Version des fichiers modifiée manuellement:

    @ 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é: installation npm

Cela a résolu mon problème.

0
SanjaySahu44

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

ng update @angular/cli
0
Victor Osuyak

De mon côté, c'était un paquet

@ angular-devkit/build-angular

et

@ angular-devkit/build-ng-packagr

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

0
Bdwey