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)
angular Princeton
la source
Est-ce que cela répond à votre question? Problème ionique: [ng] La validation du schéma a échoué avec les erreurs suivantes: [ng] Le chemin de données ".builders ['app-shell']" devrait avoir la propriété 'class' requise
Jerry

Réponses:

178

Essayez de mettre à jour le package.jsonfichier pour qu'il "@angular-devkit/build-angular": "^0.800.1"lit"@angular-devkit/build-angular": "^0.12.4"

Puis exécutez npm installdans la ligne de commande.

Référence: https://stackoverflow.com/a/56537342

Renato Pradebon
la source
45

Cela a fonctionné pour moi.

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/[email protected]
Johnbosco Egwuagu
la source
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

Arasu Mani
la source
12

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

Alexey Zheleznyakov
la source
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/[email protected]
Tadele Ayelegn
la source
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

Sterex
la source
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.

C. améliorer
la source
3

Cela a fonctionné pour moi

  1. désinstaller npm @ angular-devkit / build-angular
  2. npm install @ angular-devkit / build-angular @ 0.13.0
Madhusanka Edirimanna
la source
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

Monsieur Pencilwoods
la source
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)

Ted Corleone
la source
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

Pranjal Successena
la source
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.
tonderaimuchada
la source
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/[email protected]
senthilkumar sugumar
la source
1

Ci-dessous a travaillé pour moi.

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

> 2. npm install @angular-devkit/[email protected]

si nous utilisons

ÉVITER : correctif d'audit npm -f

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

Ankur Garg
la source
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

user12263686
la source
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
Ramu
la source