La validation du schéma a échoué avec les erreurs suivantes: Le chemin de données ".builders ['app-Shell']" "aurait dû exiger la propriété 'class'

Question

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)

Answer 1

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

• version du nœud et angular

OR

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

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

1. version nodejs mise à niveau/rétrogradée (qui n'est plus compatible avec la version angular)

2. Mise à niveau angular

3. Ran npm audit fix

Pour 1, vérifiez le support de version de 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 fix met à jour le @angular-devkit/build-angular version vers une version supérieure car @angular-devkit/build-angular ne suit pas le bon versionnage (les versions majeures ne mettent à jour que la version mineure). Voir ici pour vérifier la version compatible de votre angular: https://www.npmjs.com/package/@angular-devkit/build-angular?activeTab=versions Utilisez la bonne version et le problème sera résolu.

P.S: Ceci est une bonne lecture sur angular: https://angular.io/guide/releases

Answer 2

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

Answer 3

Cela fera l'affaire pour vous:

1. Mettez à jour votre angular cli 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 s ou ng build respectivement.

Answer 4

1. Package.json ouvert
2. "@ Angular-devkit/build-angular": "^ 0.800.0" à "@ angular-devkit/build-angular": "^ 0.10.0" ou changé Changement 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 corrige le problème

Answer 5

1. ouvrir la cmd du projet en cours
2. désinstaller npm @ angular-devkit/build-angular
3. npm install --save-dev @ angular-devkit/build-angular

Answer 6

Cela fonctionne pour moi

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