Question

0

343

Views

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'.

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)

over 4 years ago · Santiago Trujillo

17 answers

Answer question

0

Answer question

Find remote jobs

Answer 1 · 2022-03-15T18:46:32.882Z

Opened package.json
Changed "@angular-devkit/build-angular": "^0.800.0" to "@angular-devkit/build-angular": "^0.10.0" or changed Changing from "@angular-devkit/build-angular": "^0.802.1" to "@angular-devkit/build-angular": "^0.13.9"
Run npm install
Run ng serve

The original version can be diferent, but is necessary change it at 0.10.0 or 0.13.9 version that fix the problem

Answer 2 · 2022-03-15T18:46:33.208Z

Just found this answer from another link,

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular@0.13.0

Answer 3 · 2022-03-15T18:46:33.423Z

What i did was to uninstall and install the "^0.13.0". I confirm/ support this last answer. It worked for me as well. I had uninstall version "^0.800.0" and installed the "^0.13.0". rebuild your project it will work fine.

Answer 4 · 2022-03-15T18:46:33.684Z

Try to update the package.json file so that "@angular-devkit/build-angular": "^0.800.1" reads "@angular-devkit/build-angular": "^0.12.4"

Then run npm install in the command line.

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

Answer 5 · 2022-03-15T18:46:33.921Z

Try to update @angular/core using ng update @angular/cli @angular/core

Answer 6 · 2022-03-15T18:46:34.147Z

Angular Cli 8 support Node Js 10.9+. After update Node.js to 10.16 works fine.

Answer 7 · 2022-03-15T18:46:34.382Z

This worked for me.

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/build-angular@0.13.0

Answer 8 · 2022-03-15T18:46:34.638Z

I have to say, if you don't want to change anything in package.json file, try to update your Node.js version to latest. (currently 12.13.1 LTS)

Answer 9 · 2022-03-15T18:46:34.873Z

I got the same error when upgraded angular from 6 to 8.

Simple update angular cli to latest version & node version to 10+.

1) Visit this link to get the latest node version. Angular 8 requires 10+.
2) Execute npm i @angular/cli@latest to update cli.

This is what I have currently

Answer 10 · 2022-03-15T18:46:35.126Z

open cmd from current project
npm uninstall @angular-devkit/build-angular
npm install --save-dev @angular-devkit/build-angular

Answer 11 · 2022-03-15T18:46:35.355Z

This will do the trick for you:

Update your angular cli by running the command ng update @angular/cli @angular/core
Run or build your project by running the commands ng s or ng build respectively.

Answer 12 · 2022-03-15T18:46:35.629Z

This is worked for me

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular@0.13.0

Answer 13 · 2022-03-15T18:46:35.903Z

Most of the answers are correct in stating that this occurs either because of a mismatch between:

Nodejs version and Angular version

OR

@angular-devkit/build-angular version and angular version

Also, this issue is most likely to occur if you either:

upgraded/downgraded Nodejs version (which is no longer compatible with the angular version)
Upgraded Angular version
Run npm audit fix

For 1, check the Nodejs version support needed here: https://angular.io/guide/setup-local and check the installed version. If you are using the latest version of angular, you should be able to make it work with the latest version of Nodejs.

For 2, did you follow instructions here: https://update.angular.io/ ? If yes, and still have issues, look for any issues already created or create an issue here: https://github.com/angular/angular/issues

For 3, npm audit fix updates the @angular-devkit/build-angular version to a higher version because @angular-devkit/build-angular does not follow proper versioning (major releases still update only the minor version). Check the link below to check the compatible version for your Angular version: https://www.npmjs.com/package/@angular-devkit/build-angular?activeTab=versions Use the correct version and the issue will be fixed.

P.S: This is a good read about angular versioning: https://angular.io/guide/releases

Answer 14 · 2022-03-15T18:46:36.188Z

Update @angular-devkit/build-angular to "^0.13.9" . Then run npm install and after that, run npm serve.

Specs:

Angular: 7.2.15
Angular CLI: 7.3.9
Node: 11.2.0
OS: darwin x64

Answer 15 · 2022-03-15T18:46:36.452Z

I got this issue when installing Bootstrap.

The following commands are what worked for me:

npm uninstall @angular-devkit/build-angular

npm install @angular-devkit/build-angular@0.13.0

Answer 16 · 2022-03-15T18:46:36.736Z

Below worked for me.

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

> 2. npm install @angular-devkit/build-angular@0.13.0

if we use

AVOID: npm audit fix -f

it may create problem, so dont use it.

Answer 17 · 2022-03-15T18:46:37.037Z

This worked for me:

In package.json

Changed "@angular-devkit/build-angular": "^0.800.0" --> "@angular-devkit/build-angular": "^0.10.0" Then:

 npm install
 ng serve

Specs:

Angular CLI: 6.1.5 Node: 10.15.3 OS: win32 x64 Angular: 6.1.9

0

343

Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'

17 answers

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

Find remote jobs

Andres GPT