Ngx-admin: npm start throw Data path ".builders['app-shell']" should have required property 'class'

Created on 23 Jun 2019  路  22Comments  路  Source: akveo/ngx-admin

Issue description

Current behavior: Not able to start the project.

Expected behavior: Project started

Steps to reproduce: npm start

Other information:

npm, node, OS, Browser

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'.
Node, npm: `v10.15.0` and `6.9.0`
OS: macOS (Mojave)

Most helpful comment

Hey maybe you can try this fix, hope this helps :)
this link

All 22 comments

Exact same problem when trying to start an Angular project using npm start. My specs:

Node v10.15.1
NPM v6.7.0
Windows 10

Hey maybe you can try this fix, hope this helps :)
this link

Thanks! I think I had a package conflict, which is one of the suggested areas to check which fixed my problem.

worked for me thanks! package conflict

How exactly did you resolve this guys?

Hey @bretonio, I've deleted the package-lock.json and then I ran npm install.
After that, everything looks fine, probably in my case It was update conflict
I hope it helps you

Easy, thanks. And yes! Good!

Angular CLI: 7.3.7
Node: 11.5.0
OS: win32 x64
Angular:
...

Package Version

@angular-devkit/architect 0.13.7
@angular-devkit/core 7.3.7
@angular-devkit/schematics 7.3.7
@schematics/angular 7.3.7
@schematics/update 0.13.7
rxjs 6.3.3
typescript 3.2.4

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

Angular CLI: 7.3.7
Node: 11.5.0
OS: win32 x64
Angular:
...

Package Version

@angular-devkit/architect 0.13.7
@angular-devkit/core 7.3.7
@angular-devkit/schematics 7.3.7
@schematics/angular 7.3.7
@schematics/update 0.13.7
rxjs 6.3.3
typescript 3.2.4

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

Changing from "@angular-devkit/build-angular": "^0.802.1"
to "@angular-devkit/build-angular": "^0.13.9",

solved my problem

Changing from "@angular-devkit/build-angular": "^0.802.1"
to "@angular-devkit/build-angular": "^0.13.9",

solved my problem, thank you

Changing from "@angular-devkit/build-angular": "^0.802.1"
to "@angular-devkit/build-angular": "^0.13.9",

solved my problem, thank you

Works like a charm!

Angular CLI: 7.3.3
Node: 8.15.0
OS: linux x64
Angular: 8.2.2
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package Version

@angular-devkit/architect 0.802.2
@angular-devkit/build-angular 0.802.2
@angular-devkit/build-optimizer 0.802.2
@angular-devkit/build-webpack 0.802.2
@angular-devkit/core 8.2.2
@angular-devkit/schematics 8.2.2
@angular/cdk 8.1.3
@ngtools/webpack 8.2.2
@schematics/angular 8.2.2
@schematics/update 0.802.2
rxjs 6.5.2
typescript 3.5.3
webpack 4.38.0

----------------------- error --------------------------

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] (/usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/core/src/workspace/workspace.js:215:42)
at MergeMapSubscriber._tryNext (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/operators/mergeMap.js:69:27)
at MergeMapSubscriber._next (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/operators/mergeMap.js:59:18)
at MergeMapSubscriber.Subscriber.next (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18)
at MergeMapSubscriber.notifyNext (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/operators/mergeMap.js:92:26)
at InnerSubscriber._next (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/InnerSubscriber.js:28:21)
at InnerSubscriber.Subscriber.next (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18)
at MapSubscriber._next (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/operators/map.js:55:26)
at MapSubscriber.Subscriber.next (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18)
at SwitchMapSubscriber.notifyNext (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:86:26)
at InnerSubscriber._next (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/InnerSubscriber.js:28:21)
at InnerSubscriber.Subscriber.next (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18)
at /usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeTo.js:17:28
at Object.subscribeToResult (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeToResult.js:10:45)
at SwitchMapSubscriber._innerSub (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:65:54)
at SwitchMapSubscriber._next (/usr/local/lib/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:55:14)

Please help

TIA

Changing from "@angular-devkit/build-angular": "^0.802.1"
to "@angular-devkit/build-angular": "^0.13.9",
.
.
.
The application works fine for me but a potential security vulnerability warning is found with high priority.

how to change from "@angular-devkit/build-angular": "^0.802.1"
to "@angular-devkit/build-angular": "^0.13.9",

please help

Hey @bretonio, I've deleted the package-lock.json and then I ran npm install.
After that, everything looks fine, probably in my case It was update conflict
I hope it helps you

Its work for me. Thanks alot

This worked for me:

  1. Opened package.json
  2. Changed "@angular-devkit/build-angular": "^0.800.0" to
    "@angular-devkit/build-angular": "^0.10.0"
  3. Run npm install
  4. Run ng serve

This worked for me:

  1. Opened package.json
  2. Changed "@angular-devkit/build-angular": "^0.800.0" to
    "@angular-devkit/build-angular": "^0.10.0"
  3. Run npm install
  4. Run ng serve

thanks! its work

Changing from "@angular-devkit/build-angular": "^0.802.1"
to "@angular-devkit/build-angular": "^0.13.9",
.
.
.
The application works fine for me but a potential security vulnerability warning is found with high priority.

This was also my issue, I ran npm audit and found the vulnerability. I ran npm audit fix and then my app would not run because It reverted to "^0.803.6".

EDIT: Setting it to "^0.13.9" solved the vulnerability issue ! :)

Changing from "@angular-devkit/build-angular": "^0.802.1"
to "@angular-devkit/build-angular": "^0.13.9",

solved my problem, thank you

This really worked for me... Thanks

Changing from "@angular-devkit/build-angular": "^0.802.1"
to "@angular-devkit/build-angular": "^0.13.9",
.
.
.
The application works fine for me but a potential security vulnerability warning is found with high priority.

This was also my issue, I ran npm audit and found the vulnerability. I ran npm audit fix and then my app would not run because It reverted to "^0.803.6".

EDIT: Setting it to "^0.13.9" solved the vulnerability issue ! :)

Same, problems started after "npm audit fix". All is good now. I still have 3 low severity vulnerabilities - but will live with that for now.

I mean what is this package and why are we reverting it back to an earlier version? The audit-fix does not revert to earlier version, it actually updates it. Latest version as of today is 0.803.22 https://www.npmjs.com/package/@angular-devkit/build-angular

No need to perform any changes in package-lock.json or other files just rum command npm install --save-dev @angular/cli@latest. See attached image for final result
Screenshot (178)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

nfdavenport picture nfdavenport  路  3Comments

lopn picture lopn  路  4Comments

maxlein picture maxlein  路  3Comments

yanyim picture yanyim  路  3Comments

myurAgarwal picture myurAgarwal  路  3Comments