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

Question

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)

Does this answer your question? [Ionic problem: \[ng\]Schema validation failed with the following errors:\[ng\]Data path".builders\['app-shell'\]"should have required property 'class'](https://stackoverflow.com/questions/56506473/ionic-problem-ngschema-validation-failed-with-the-following-errorsngdata-p) — Jerry, Jan 15 '20 at 06:17

score 194 · Answer 1 · edited Nov 01 '19 at 16:42

194

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

edited Nov 01 '19 at 16:42

Trenton McKinney

56,955
33
144
158

answered Jun 17 '19 at 02:48

Renato Pradebon

2,073
2
9
7

score 60 · Answer 2 · edited Nov 07 '19 at 12:15

60

This worked for me.

npm uninstall @angular-devkit/build-angular

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

edited Nov 07 '19 at 12:15

Prince Vegeta

719
6
21

answered Nov 07 '19 at 10:53

Johnbosco Egwuagu

601
5
2

1

Worked for me, I was having Angular CLI: 7.1.4 Node: 10.7.0 Angular: 8.2.14 Thanks – Awais Khan Jun 08 '20 at 17:18
1

Make sure you add the --save-dev to put this in the devDependencies since this isn't needed at runtime – Nick Gallimore Jan 21 '21 at 15:30

score 26 · Answer 3 · edited Feb 23 '21 at 20:35

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

`npm audit fix` wrecked it for me too. This seems like a bug with the command. It shouldn't break my app, it's called "audit fix" not "audit break" — SendETHToThisAddress, Feb 05 '21 at 01:16

score 18 · Answer 4 · edited Jun 21 '19 at 02:13

18

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

edited Jun 21 '19 at 02:13

Oleksii Filonenko

1,551
1
17
27

answered Jun 20 '19 at 22:54

Arasu Mani

189
2

score 12 · Answer 5 · answered Jul 05 '19 at 12:13

12

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

answered Jul 05 '19 at 12:13

Alexey Zheleznyakov

150
5

Yes, that happened to me because I used NVM to switch to version 8, and I forgot to switch back to version 10, and I was surprisingly getting this error! – Mohammad Kermani Oct 21 '19 at 09:21

score 12 · Answer 6 · answered Oct 31 '19 at 13:41

12

Just found this answer from another link,

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

answered Oct 31 '19 at 13:41

Tadele Ayelegn

4,126
1
35
30

Mr Pencilwoods · Answer 7 · 2020-08-26T10:10:20.537

8

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

edited Aug 26 '20 at 10:10

answered Feb 18 '20 at 12:34

Mr Pencilwoods

81
1
5

Did you mean `ng serve`? – melike Aug 24 '20 at 15:17
Not exactly, @melikesahin, 'ng serve' could work on a different way on old angular versions. 'npm install' and 'npm serve' have worked well on Angular: 7.2.15 and Node11 in order to getting rid of the errors above mentioned. If you are considering to give 'ng serve' a try, please share the outcome. Thanks – Mr Pencilwoods Nov 09 '20 at 17:41

score 8 · Answer 8 · edited Jun 20 '20 at 09:12

8

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.

edited Jun 20 '20 at 09:12

Community

1
1

answered Jun 20 '20 at 04:40

Ankur Garg

151
2
2

1

This works for me and you are right, npm audit fix is the root cause. – Tatipaka Oct 02 '20 at 17:07
Yes, This worked for me as well, Even I had used "npm audit fix" command – Saurabh Singh Rajput Jan 25 '21 at 09:59

score 3 · Answer 9 · answered Nov 01 '19 at 16:21

3

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.

answered Nov 01 '19 at 16:21

C. improve

31
1

score 3 · Answer 10 · answered Dec 24 '19 at 07:31

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

score 3 · Answer 11 · answered Apr 05 '20 at 05:08

3

This is worked for me

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

answered Apr 05 '20 at 05:08

Madhusanka Edirimanna

1,318
10
9

score 2 · Answer 12 · answered Dec 12 '19 at 02:55

2

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)

answered Dec 12 '19 at 02:55

Ted Corleone

843
1
8
16

score 2 · Answer 13 · edited May 16 '20 at 01:23

2

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

edited May 16 '20 at 01:23

Jeremy Caney

7,102
69
48
77

answered May 15 '20 at 17:40

senthilkumar sugumar

29
3

score 1 · Answer 14 · edited Jan 30 '20 at 14:24

1

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.

edited Jan 30 '20 at 14:24

Mickael B.

4,755
4
24
48

answered Jan 30 '20 at 13:07

tonderaimuchada

215
2
6

score 0 · Answer 15 · answered Oct 23 '19 at 14:15

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

score 0 · Answer 16 · answered Jan 19 '20 at 09:24

0

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

answered Jan 19 '20 at 09:24

Ramu

11
2

score 0 · Answer 17 · answered Nov 19 '20 at 12:11

0

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

answered Nov 19 '20 at 12:11

Doga Ozdemir

89
1
12

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

17 Answers17

Linked