Erros: o caminho de dados “.builders ['app-shell']” deve ter exigido a propriedade 'class'

Estou recebendo esse erro ao executar meu aplicativo. Aqui estão os detalhes da minha inscrição.

Angular CLI: 7.3.3 
Node: 10.15.1 
Angular: 7.2.7 
@angular-devkit/architect -0.13.3 
@angular-devkit/build-angular- 0.800.1 
@angular-devkit/build-optimizer - 0.800.1 
@angular-devkit/build-webpack - 0.800.1 
@angular-devkit/core -7.3.3 
@angular-devkit/schematics -7.3.3 
@angular/cli -7.3.3 
@ngtools/webpack -8.0.1 
@schematics/angular -7.3.3 
@schematics/update 0.13.3 
rxjs 6.3.3 
typescript 3.2.4 
webpack 4.30.0

Eu já tentei limpar o cache.

No seu package.json, altere o construtor devkit.

"@angular-devkit/build-angular": "^0.800.1",

para

"@angular-devkit/build-angular": "^0.10.0",

funciona para mim.
boa sorte.

Seguindo trabalhou para mim

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/[email protected]

Todos aqui estão focados em fazer o downgrade do @ angular-devkit / build-angular para as versões do @angular 7.x para compatibilidade, mas o que eles deveriam fazer é atualizar @angular/clipara as versões do angular 8.

O problema é que o cli do sistema ainda está travado em uma versão antiga e não é atualizado automaticamente por ng update(porque está fora do projeto angular controlado), portanto, ele está sendo deixado em uma versão incompatível ao tentar acessar as bibliotecas angulares.

A desatualização @angular-devkit/build-angularcausa apenas mais incompatibilidades.

npm i --global @angular/cli@latest

vai resolver o problema sem quebrar as coisas em outro lugar.

Todo mundo está focado em fazer o downgrade da @angular-devkit/build-angularversão para o X ou atualizar@angular/cli para Y ou mais recente.

No entanto, por favor, não cegamente sugerir um X or Y or latestcomo respostas. (Embora geralmente, o downgrade do devkit deva ser melhor porque o upgrade da CLI é uma mudança de última hora)

A versão correta a ser escolhida depende sempre da sua versão angular (angular-cli).

Angular CLI v8.3.19 -> 0.803.19
Angular CLI v8.3.17 -> 0.803.17
Angular CLI v7.3.8 -> 0.13.8
Angular CLI v6-lts -> 0.8.9

Para outras versões específicas, visite: https://github.com/angular/angular-cli/tags . Encontre sua versão da CLI e, em algumas tags, elas mencionam as versões correspondentes dos @angular-devkit/**pacotes.

Nota: Se você deseja atualizar sua versão da CLI, considere primeiro atualizar para a versão mais recente da sua versão principal, não vá simplesmente para a próxima versão principal.

Seu @ angular-devkit é incompatível com a versão @ angular / cli; portanto, basta instalar um mais antigo como este, por exemplo:

npm install @angular-devkit/[email protected] @angular-devkit/[email protected]

Mesmo problema após tentar atualizar para o Ng8, que falhou devido a problemas de dependência.

npm uninstall @angular-devkit/build-angular

então eu usei,

npm install @angular-devkit/[email protected]

consertou ...

Eu tive o mesmo problema, mas o resolvi graças ao comentário de Ekta Gandhi:

Finalmente eu encontrei a solução.

1) Em primeiro lugar, elimine todas as alterações no arquivo package.json, dando o comando simples git checkout package.json.

2) Depois, faça a alteração no package.json em @ angular-devkit / build-angular- ~ 0.800.1 (Adicione cauda em vez de tampa)

3) Em seguida, execute o comando rm -rf node_modules /

4) Limpe a captura, dando o comando npm clean cache -f

5) E, finalmente, execute o comando npm install. Isso funciona para mim.

.... Juntamente com a modificação proposta por Dimuthu

Chegou ao @ angular-devkit / build-angular ":" 0.13.4 "e funcionou.

Isso aconteceu comigo quando instalei o Angular 8, existem algumas incompatibilidades que não consegui resolver. Eu tive que fazer o downgrade porque desci na toca do coelho, mexendo com todas as versões até encontrar uma que funcionasse.

Primeiro, o TypeScript estava desatualizado, a instalação padrão adicionou uma referência ao TypeScript 3.1.6 e requer 3.4 ou superior.

npm install typescript@">=3.4 <3.5"

Segundo, o uso do devkit 0.800.1 ou 0.800.1 sempre terminava em incompatibilidades. Eu tentei muitas combinações, mas ainda não tenho certeza de que seja totalmente compatível, principalmente porque estou usando um bootstrap um pouco mais antigo e ainda não consigo atualizar.

Por fim, tentei fazer o downgrade (vá para package.json e localize as devDependencies) até que um deles funcione.

@angular-devkit/build-angular": "0.13.4"

Estou certo de que seu problema são as versões de dependências, mas não posso dizer qual. Experimente fazer o downgrade.

Tente atualizar o arquivo package.json de

  "@angular-devkit/build-angular": "^0.800.1" 

para

  "@angular-devkit/build-angular": "^0.12.4"

Em seguida, execute o npm install na linha de comandos.

Eu também estava encontrando esse problema e, ao fazer mais atualizações, ocorreram mais problemas.

O que funcionou para mim no final foi mais ou menos remover o CLI angular e reinstalá-lo com estas etapas:

npm uninstall -g @angular/cli
npm cache clean --force
npm install -g @angular/cli

isso me ajudou a fonte: como desinstalar angular / CLI

Fiz essa alteração no arquivo package.json e, depois, funcionou.

"@angular-devkit/build-angular": "^0.803.23"

para

"@angular-devkit/build-angular": "^0.13.9"

Mudei @angular-devkit/build-angular": "0.9.0.1"para @angular-devkit/build-angular": "0.13.4"e funcionou.

Também enfrentei esse problema e lutei horas para resolvê-lo. Tentei todas as opções acima, mas nada resolveu o meu problema. Esse problema ocorre devido à incompatibilidade de versão do angular / cli e angular-devkit, então fiz o seguinte:

1. Versão alterada manualmente dos arquivos:

   @ angular-devkit / build-angular ":" ^ 0.13.9 ",

   @angular/cli": "~7.0.3", // Isso é para Angular7, para Angular8: 0.803.23

2. Excluído package-lock.json

3. Executado: npm install

Isso resolveu meu problema.

Do meu lado era pacote

@ angular-devkit / build-angular

e

@ angular-devkit / compilação-pacote-ng

não era a mesma versão, atualizando build-ng-packagrpara a mesma versão que build-angularcorrigi meu problema.

Se você mudar para os angulares 8 ou 9, isso fará o truque

ng update @angular/cli

Você pode simplesmente auditar seu código e depois

#sudo su 
rm -rf package-lock.json node_modules
sudo npm i --save 

Você tem dependências incompatíveis. Resolvi esse problema alterando o package.json de outro projeto angular e, depois de alterar o packag.json, alteramos apenas as versões das dependências.

após a alteração, escreva:

-npm link

-npm serve -o

então é trabalho :)

   {
   "name": "angular-jwt-auth",
   "version": "0.0.0",
   "scripts": {
   "ng": "ng",
   "start": "ng serve",
   "build": "ng build",
   "test": "ng test",
   "lint": "ng lint",
   "e2e": "ng e2e"
   },
   "private": true,
   "dependencies": {
   "@angular/animations": "^7.1.4",
   "@angular/cdk": "^7.3.1",
   "@angular/common": "~7.1.0",
   "@angular/compiler": "~7.1.0",
   "@angular/core": "~7.1.0",
   "@angular/forms": "~7.1.0",
   "@angular/http": "^6.1.10",
   "@angular/material": "^7.3.1",
   "@angular/platform-browser": "~7.1.0",
   "@angular/platform-browser-dynamic": "~7.1.0",
   "@angular/router": "~7.1.0",
   "@ng-bootstrap/ng-bootstrap": "^4.2.0",
   "@types/jquery": "^3.3.29",
   "angular-6-datatable": "^0.8.0",
   "bootstrap": "^4.3.1",
   "chart.js": "^2.8.0",
   "core-js": "^2.5.4",
   "jquery": "^3.4.1",
   "rxjs": "~6.3.3",
   "zone.js": "~0.8.26"
    },
   "devDependencies": {
   "@angular-devkit/build-angular": "~0.11.0",
   "@angular/cli": "~7.1.0",
   "@angular/compiler-cli": "~7.1.0",
   "@angular/language-service": "~7.1.0",
   "@types/chart.js": "^2.7.53",
   "@types/jasmine": "^2.8.16",
   "@types/jasminewd2": "^2.0.6",
   "@types/node": "~8.9.4",
   "codelyzer": "~4.2.1",
   "jasmine-core": "~2.99.1",
   "jasmine-spec-reporter": "~4.2.1",
   "karma": "~3.1.1",
   "karma-chrome-launcher": "~2.2.0",
   "karma-coverage-istanbul-reporter": "~2.0.1",
   "karma-jasmine": "~1.1.2",
   "karma-jasmine-html-reporter": "^0.2.2",
   "protractor": "~5.4.0",
   "ts-node": "~7.0.0",
   "tslint": "~5.11.0",
   "typescript": "~3.1.6"
   }

Eu tive esse problema, é assim que eu resolvi. O problema principalmente é que sua versão Angular não suporta a versão do Node.js. para a compilação. Portanto, a melhor solução é atualizar o Node.js para o mais estável atualmente.

Para uma atualização limpa do Node.js, aconselho usar o n. se você estiver usando Mac.

npm install -g n
npm cache clean -f
sudo n stable
npm update -g

e agora verifique se você está atualizado:

node -v
npm -v

Para mais detalhes, consulte este link: aqui

Nenhuma das respostas acima mencionadas funciona para mim.

Meu objetivo original era consertar as vezes CONSTANT COMPILING compilação do meu projeto com o VSCode.

Eu tentei de várias maneiras, mas NADA estava funcionando - o projeto NÃO VAI COMPILAR!

Finalmente eu descobri qual é o problema aqui:

Eu clonei o projeto no repositório da minha empresa e todo o código de lá TEM QUE ir exatamente com as versões das dependências quando a parte existente do projeto foi codificada.

No final, excluí o projeto anteriormente clonado novamente (algumas vezes) e clonei novamente (também algumas vezes) , e não fiz nada além de "npm install" e tudo começou a funcionar .

A lição que aprendi aqui é que:

Às vezes, você piora a situação ao tentar resolver alguns problemas (o que eu tive foi o CONSTANT COMPILING do meu projeto).

Mas isso não significa que não podemos tentar resolver os problemas. Nós podemos. Mas quando tudo se torna uma bagunça, é melhor seguirmos o código original.

Felizmente, a CONSTANT COMPILING do meu projeto acontece apenas uma vez por vez, não o tempo todo. Não é fixo, mas eu tenho que suportar, caso contrário, meu projeto nem será compilado.

é trabalho reinstalar @ angular-devkit / build-angular @ 0.13.4

npm install @angular-devkit/[email protected] --save-dev