La validación del esquema falló con los siguientes errores: La ruta de datos ".builders ['app-shell']" debería tener la propiedad requerida '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)
Princeton
fuente

Respuestas:

178

Intente actualizar el package.jsonarchivo para que "@angular-devkit/build-angular": "^0.800.1"diga"@angular-devkit/build-angular": "^0.12.4"

Luego ejecuta npm installen la línea de comando.

Referencia: https://stackoverflow.com/a/56537342

Renato Pradebon
fuente
45

Esto funcionó para mí.

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/[email protected]
Johnbosco Egwuagu
fuente
1
Funcionó para mí, estaba teniendo CLI angular: 7.1.4 Nodo: 10.7.0 Angular: 8.2.14 Gracias
Awais Khan
16

Intenta actualizar @angular/coreusandong update @angular/cli @angular/core

Arasu Mani
fuente
12

Angular Cli 8 admite Node Js 10.9+. Después de actualizar Node.js a 10.16 funciona bien.

Alexey Zheleznyakov
fuente
Sí, eso me sucedió porque usé NVM para cambiar a la versión 8, y olvidé volver a la versión 10, ¡y sorprendentemente recibí este error!
Mohammad Kermani
9

Acabo de encontrar esta respuesta en otro enlace,

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/[email protected]
Tadele Ayelegn
fuente
9

La mayoría de las respuestas son correctas al afirmar que esto ocurre debido a una discrepancia entre:

  • versión de nodo y versión angular

O

  • @angular-devkit/build-angular versión y versión angular

Además, es más probable que este problema ocurra si usted:

  1. versión de nodejs mejorada / degradada (que ya no es compatible con la versión angular)

  2. Versión angular mejorada

  3. Corrió npm audit fix

Para 1, verifique la compatibilidad de la versión de nodejs necesaria aquí: https://angular.io/guide/setup-local y verifique la versión instalada. Si está utilizando la última versión de angular, debería poder hacer que funcione con la última versión de nodejs.

Para 2, ¿siguió las instrucciones aquí: https://update.angular.io/ ? Si es así, y aún tiene problemas, busque cualquier problema ya creado o cree un problema aquí: https://github.com/angular/angular/issues

Para 3, npm audit fixactualiza la @angular-devkit/build-angularversión a una versión superior porque @angular-devkit/build-angularno sigue el control de versiones adecuado (las versiones principales aún actualizan solo la versión secundaria). Consulte aquí para verificar la versión compatible para su versión angular: https://www.npmjs.com/package/@angular-devkit/build-angular?activeTab=versions Use la versión correcta y el problema se solucionará.

PD: Esta es una buena lectura sobre el control de versiones angular: https://angular.io/guide/releases

Sterex
fuente
4
Gracias por llamarme npm audit fix, esto es lo que me provocó.
LHM
3

Lo que hice fue desinstalar e instalar el "^ 0.13.0". Confirmo / apoyo esta última respuesta. Funcionó para mí también. Desinstalé la versión "^ 0.800.0" e instalé "^ 0.13.0". reconstruya su proyecto, funcionará bien.

C. mejorar
fuente
3

Esto funcionó para mí

  1. npm desinstalar @ angular-devkit / build-angular
  2. npm install @ angular-devkit / build-angular @ 0.13.0
Madhusanka Edirimanna
fuente
3

Actualice @ angular-devkit / build-angular a "^ 0.13.9". Luego corre npm install y después de eso, corre npm serve.

Especificaciones:

Angular: 7.2.15
Angular CLI: 7.3.9
Nodo: 11.2.0
SO: darwin x64

Sr. Pencilwoods
fuente
¿Quiso decir ng serve?
melikesahin
2

Debo decir que, si no desea cambiar nada en el package.jsonarchivo, intente actualizar su versión de Node.js a la última. (actualmente 12.13.1 LTS)

Ted Corleone
fuente
2

Recibí el mismo error cuando actualicé angular de 6 a 8.

Actualización simple de angular cli a la última versión y la versión del nodo a 10+.

1) Visite este enlace para obtener la última versión del nodo. Angular 8 requiere 10+.
2) Ejecute npm i @ angular / cli @ latest para actualizar cli.


Esto es lo que tengo actualmente

ingrese la descripción de la imagen aquí

Pranjal Successena
fuente
1

Esto hará el truco por ti:

  1. Actualice su cli angular ejecutando el comando ng update @angular/cli @angular/core
  2. Ejecute o cree su proyecto ejecutando los comandos ng so ng buildrespectivamente.
tonderaimuchada
fuente
1

Tengo este problema al instalar Bootstrap.

Los siguientes comandos son los que funcionaron para mí:

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/[email protected]
senthilkumar sugumar
fuente
1

A continuación funcionó para mí.

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

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

si usamos

EVITAR : corrección de auditoría npm -f

puede crear un problema, así que no lo use.

Ankur Garg
fuente
0
  1. Paquete.json abierto
  2. Se cambió "@ angular-devkit / build-angular": "^ 0.800.0" a "@ angular-devkit / build-angular": "^ 0.10.0" o se cambió el cambio de "@ angular-devkit / build-angular" : "^ 0.802.1" a "@ angular-devkit / build-angular": "^ 0.13.9"
  3. Ejecute npm install
  4. Run ng serve

La versión original puede ser diferente, pero es necesario cambiarla a la versión 0.10.0 o 0.13.9 que soluciona el problema

usuario12263686
fuente
0
  1. abrir cmd del proyecto actual
  2. npm desinstalar @ angular-devkit / build-angular
  3. npm install --save-dev @ angular-devkit / build-angular
Ramu
fuente