La validation du schéma a échoué avec les erreurs suivantes: Le chemin d'accès aux données «.builders ['app-shell']» doit avoir la propriété requise 'class'


106
Schema validation failed with the following errors:
  Data path ".builders['app-shell']" should have required property 'class'.

Schema validation failed with the following errors:
  Data path ".builders['app-shell']" should have required property 'class'.
Error: Schema validation failed with the following errors:
  Data path ".builders['app-shell']" should have required property 'class'.
    at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\@angular-devkit\core\src\workspace\workspace.js:210:42)
    at MergeMapSubscriber._tryNext (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\operators\mergeMap.js:65:27)
    at MergeMapSubscriber._next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\operators\mergeMap.js:55:18)
    at MergeMapSubscriber.Subscriber.next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\Subscriber.js:64:18)
    at MergeMapSubscriber.notifyNext (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\operators\mergeMap.js:84:26)
    at InnerSubscriber._next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\InnerSubscriber.js:25:21)
    at InnerSubscriber.Subscriber.next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\Subscriber.js:64:18)
    at MapSubscriber._next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\operators\map.js:52:26)
    at MapSubscriber.Subscriber.next (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\Subscriber.js:64:18)
    at SwitchMapSubscriber.notifyNext (D:\repo\beauty-velvettes-web\node_modules\@angular\cli\node_modules\rxjs\internal\operators\switchMap.js:77:26)

Réponses:



45

Cela a fonctionné pour moi.

npm uninstall @angular-devkit/build-angular

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

1
A travaillé pour moi, j'avais une CLI angulaire: 7.1.4 Nœud: 10.7.0 Angulaire: 8.2.14 Merci
Awais Khan

16

Essayez de mettre à jour en @angular/coreutilisantng update @angular/cli @angular/core


12

Angular Cli 8 prend en charge Node Js 10.9+. Après la mise à jour de Node.js vers 10.16 fonctionne correctement.


Oui, cela m'est arrivé parce que j'ai utilisé NVM pour passer à la version 8, et j'ai oublié de revenir à la version 10, et j'obtenais étonnamment cette erreur!
Mohammad Kermani

9

Je viens de trouver cette réponse à partir d'un autre lien,

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular@0.13.0

9

La plupart des réponses indiquent que cela se produit soit en raison d'un décalage entre:

  • version du nœud et version angulaire

OU

  • @angular-devkit/build-angular version et version angulaire

En outre, ce problème est le plus susceptible de se produire si vous:

  1. version améliorée / rétrogradée de nodejs (qui n'est plus compatible avec la version angulaire)

  2. Version angulaire améliorée

  3. Ran npm audit fix

Pour 1, vérifiez la prise en charge de la version nodejs nécessaire ici: https://angular.io/guide/setup-local et vérifiez la version installée. Si vous utilisez la dernière version d'angular, vous devriez pouvoir la faire fonctionner avec la dernière version de nodejs.

Pour 2, avez-vous suivi les instructions ici: https://update.angular.io/ ? Si oui, et que vous rencontrez toujours des problèmes, recherchez les problèmes déjà créés ou créez un problème ici: https://github.com/angular/angular/issues

Pour 3, npm audit fixmet à jour la @angular-devkit/build-angularversion vers une version supérieure car @angular-devkit/build-angularelle ne suit pas le contrôle de version approprié (les versions majeures mettent toujours à jour uniquement la version mineure). Voir ici pour vérifier la version compatible pour votre version angulaire: https://www.npmjs.com/package/@angular-devkit/build-angular?activeTab=versions Utilisez la bonne version et le problème sera résolu.

PS: Ceci est une bonne lecture sur le versionnage angulaire: https://angular.io/guide/releases


4
Merci d'avoir appelé npm audit fix- c'est ce qui l'a causé pour moi.
LHM

3

Ce que j'ai fait, c'est désinstaller et installer le "^ 0.13.0". Je confirme / soutiens cette dernière réponse. Cela a fonctionné pour moi aussi. J'avais désinstallé la version "^ 0.800.0" et installé le "^ 0.13.0". reconstruisez votre projet, cela fonctionnera bien.


3

Cela a fonctionné pour moi

  1. désinstaller npm @ angular-devkit / build-angular
  2. npm install @ angular-devkit / build-angular @ 0.13.0

3

Mettez à jour @ angular-devkit / build-angular en "^ 0.13.9". Puis cours npm install et après ça, coursnpm serve .

Spécifications:

Angulaire: 7.2.15
CLI angulaire: 7.3.9
Nœud: 11.2.0
OS: darwin x64


Voulez-vous dire ng serve?
melikesahin

2

Je dois dire que si vous ne voulez rien changer dans le package.jsonfichier, essayez de mettre à jour votre version Node.js à la dernière. (actuellement 12.13.1 LTS)


2

J'ai eu la même erreur lors de la mise à niveau angulaire de 6 à 8.

Cli angulaire de mise à jour simple vers la dernière version et la version du nœud vers 10+.

1) Visitez ce lien pour obtenir la dernière version du nœud. Angular 8 nécessite 10+.
2) Exécutez npm i @ angular / cli @ latest pour mettre à jour cli.


C'est ce que j'ai actuellement

entrez la description de l'image ici


1

Cela fera l'affaire pour vous:

  1. Mettez à jour votre cli angulaire en exécutant la commande ng update @angular/cli @angular/core
  2. Exécutez ou générez votre projet en exécutant les commandes ng sou ng buildrespectivement.

1

J'ai eu ce problème lors de l'installation de Bootstrap.

Les commandes suivantes ont fonctionné pour moi:

npm uninstall @angular-devkit/build-angular

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

1

Ci-dessous a travaillé pour moi.

> 1. npm uninstall @angular-devkit/build-angular 

> 2. npm install @angular-devkit/build-angular@0.13.0

si nous utilisons

ÉVITER : correctif d'audit npm -f

cela peut créer un problème, alors ne l'utilisez pas.


0
  1. Package.json ouvert
  2. "@ Angular-devkit / build-angular": "^ 0.800.0" remplacé par "@ angular-devkit / build-angular": "^ 0.10.0" ou changé de "@ angular-devkit / build-angular" : "^ 0.802.1" à "@ angular-devkit / build-angular": "^ 0.13.9"
  3. Exécutez l'installation de npm
  4. Run ng serve

La version originale peut être différente, mais il est nécessaire de la changer à la version 0.10.0 ou 0.13.9 qui résout le problème


0
  1. ouvrir cmd à partir du projet actuel
  2. désinstaller npm @ angular-devkit / build-angular
  3. npm install --save-dev @ angular-devkit / build-angular
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.