Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'
AngularAngular Problem Overview
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 Solutions
Solution 1 - Angular
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
Solution 2 - Angular
This worked for me.
npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular@0.13.0
Solution 3 - Angular
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
Solution 4 - Angular
Try to update @angular/core
using ng update @angular/cli @angular/core
Solution 5 - Angular
Angular Cli 8 support Node Js 10.9+. After update Node.js to 10.16 works fine.
Solution 6 - Angular
Just found this answer from another link,
npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular@0.13.0
Solution 7 - Angular
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
Solution 8 - Angular
Below worked for me.
> 1. npm uninstall @angular-devkit/build-angular
> 2. npm install @angular-devkit/[email protected]
if we use
AVOID: npm audit fix -f
it may create problem, so dont use it.
Solution 9 - Angular
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.
Solution 10 - Angular
I got the same error when upgraded angular from 6 to 8.
Simple update angular cli to latest version & node version to 10+.
- Visit this link to get the latest node version. Angular 8 requires 10+.
- Execute npm i @angular/cli@latest to update cli.
This is what I have currently
Solution 11 - Angular
This is worked for me
- npm uninstall @angular-devkit/build-angular
- npm install @angular-devkit/[email protected]
Solution 12 - Angular
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)
Solution 13 - Angular
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
orng build
respectively.
Solution 14 - Angular
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
Solution 15 - Angular
- 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
Solution 16 - Angular
- open cmd from current project
- npm uninstall @angular-devkit/build-angular
- npm install --save-dev @angular-devkit/build-angular
Solution 17 - Angular
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