A validação do esquema falhou com os seguintes erros: Caminho de dados “.builders ['app-shell']” deve ter a propriedade necessária 'classe'

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
fonte

Respostas:

178

Tente atualizar o package.jsonarquivo para que "@angular-devkit/build-angular": "^0.800.1"leia"@angular-devkit/build-angular": "^0.12.4"

Em seguida, execute npm installna linha de comando.

Referência: https://stackoverflow.com/a/56537342

Renato Pradebon
fonte
43

Isso funcionou para mim.

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/[email protected]
Johnbosco Egwuagu
fonte
1
Funcionou para mim, eu estava tendo Angular CLI: 7.1.4 Nó: 10.7.0 Angular: 8.2.14 Obrigado
Awais Khan
16

Tente atualizar @angular/coreusandong update @angular/cli @angular/core

Arasu Mani
fonte
12

Angular Cli 8 suporta Nó Js 10.9+. Depois de atualizar o Node.js para 10.16 funciona bem.

Alexey Zheleznyakov
fonte
Sim, isso aconteceu comigo porque usei o NVM para mudar para a versão 8 e me esqueci de voltar para a versão 10 e estava surpreendentemente recebendo este erro!
Mohammad Kermani
9

Acabei de encontrar esta resposta em outro link,

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

A maioria das respostas está correta ao afirmar que isso ocorre devido a uma incompatibilidade entre:

  • versão do nó e versão angular

OU

  • @angular-devkit/build-angular versão e versão angular

Além disso, é mais provável que esse problema ocorra se você:

  1. versão Nodejs atualizada / desatualizada (que não é mais compatível com a versão angular)

  2. Versão angular atualizada

  3. Correu npm audit fix

Para 1, verifique o suporte de versão do nodejs necessário aqui: https://angular.io/guide/setup-local e verifique a versão instalada. Se você estiver usando a versão mais recente do angular, deverá ser capaz de fazê-lo funcionar com a versão mais recente do nodejs.

Para 2, você seguiu as instruções aqui: https://update.angular.io/ ? Se sim, e ainda tiver problemas, procure quaisquer problemas já criados ou crie um problema aqui: https://github.com/angular/angular/issues

Para 3, npm audit fixatualiza a @angular-devkit/build-angularversão para uma versão superior porque @angular-devkit/build-angularnão segue o controle de versão adequado (versões principais ainda atualizam apenas a versão secundária). Veja aqui para verificar a versão compatível para sua versão angular: https://www.npmjs.com/package/@angular-devkit/build-angular?activeTab=versions Use a versão correta e o problema será corrigido.

PS: Esta é uma boa leitura sobre versionamento angular: https://angular.io/guide/releases

Sterex
fonte
4
Obrigado por chamar npm audit fix- isso é o que causou isso para mim.
LHM
3

O que fiz foi desinstalar e instalar o "^ 0.13.0". Eu confirmo / apoio esta última resposta. Funcionou para mim também. Desinstalei a versão "^ 0.800.0" e instalei "^ 0.13.0". reconstruir seu projeto funcionará bem.

C. melhorar
fonte
3

Isso funcionou para mim

  1. npm uninstall @ angular-devkit / build-angular
  2. npm install @ angular-devkit / build-angular @ 0.13.0
Madhusanka Edirimanna
fonte
3

Atualize @ angular-devkit / build-angular para "^ 0.13.9". Então corra npm install e depois corra npm serve.

Especificações:

Angular: 7.2.15
Angular CLI: 7.3.9
Nó: 11.2.0
OS: darwin x64

Sr. Pencilwoods
fonte
Você quis dizer ng serve?
melikesahin
2

Tenho que dizer, se você não quiser alterar nada no package.jsonarquivo, tente atualizar sua versão do Node.js para a mais recente. (atualmente 12.13.1 LTS)

Ted Corleone
fonte
2

Recebi o mesmo erro quando atualizei o angular de 6 para 8.

Simples atualização angular CLI para a versão mais recente e versão do nó para 10+.

1) Visite este link para obter a versão mais recente do nó. Angular 8 requer 10+.
2) Execute npm i @ angular / cli @ latest para atualizar o cli.


Isso é o que eu tenho atualmente

insira a descrição da imagem aqui

Pranjal Successena
fonte
1

Isso vai resolver o problema para você:

  1. Atualize seu angular cli executando o comando ng update @angular/cli @angular/core
  2. Execute ou construa seu projeto executando os comandos ng sou ng buildrespectivamente.
tonderaimuchada
fonte
1

Eu tenho esse problema ao instalar o Bootstrap.

Os seguintes comandos funcionaram para mim:

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/[email protected]
Senthilkumar Sugumar
fonte
1

Abaixo funcionou para mim.

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

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

se usarmos

EVITAR : correção de auditoria npm -f

pode criar problemas, então não o use.

Ankur Garg
fonte
0
  1. Package.json aberto
  2. Alterado "@ angular-devkit / build-angular": "^ 0.800.0" para "@ angular-devkit / build-angular": "^ 0.10.0" ou alterado Alterando de "@ angular-devkit / build-angular" : "^ 0.802.1" para "@ angular-devkit / build-angular": "^ 0.13.9"
  3. Execute npm install
  4. Executando o serviço

A versão original pode ser diferente, mas é necessário alterá-la para a versão 0.10.0 ou 0.13.9 que corrigem o problema

user12263686
fonte
0
  1. abra o cmd do projeto atual
  2. npm uninstall @ angular-devkit / build-angular
  3. npm install --save-dev @ angular-devkit / build-angular
Ramu
fonte