Errors Data path builders app-shell should have required property class

Question

I am getting this error while running my application  Here are the details of my application    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   I have already tried cache clean

User · Answer

Your  angular-devkit is incompatible with  angular cli version  so just install older one like this for example   npm install  angular-devkit build-angular 0 13 8  angular-devkit build-ng-packagr 0 13 8

User · Answer

You can simply audit your code and then  sudo su  rm -rf package-lock json node modules sudo npm i --save

User · Answer

On my side it was package      angular-devkit build-angular   and       angular-devkit build-ng-packagr   was not the same version  Updating build-ng-packagr to same version as build-angular fixed my problem

User · Answer

Try update the package json file from       angular-devkit build-angular     0 800 1     to      angular-devkit build-angular     0 12 4    Then run npm install in the command line

User · Answer

In your package json change the devkit builder     angular-devkit build-angular     0 800 1     to     angular-devkit build-angular     0 10 0     it works for me  good luck

User · Answer

it s work reinstall  angular-devkit build-angular 0 13 4  npm install  angular-devkit build-angular 0 13 4 --save-dev

User · Answer

I also faced this issue and struggled hours to solve it  I have tried all of the above options but nothing solved my problem  This issue occurs due to version mismatch of angular cli and angular-devkit  so I did the following     Manually changed version of files    angular-devkit build-angular     0 13 9     angular cli     7 0 3            This is for Angular7  for Angular8   0 803 23  Deleted package-lock json Executed   npm install    It solved my problem

User · Answer

What actually worked for me was to update the application and its dependencies with  ng update  angular cli  angular core  Angular documentation

User · Answer

This happened to me when I installed Angular 8  there are some incompatibilities I couldn t solve  I had to downgrade because I went down the rabbit hole juggling around with every version until I found one that worked   First  TypeScript was outdated  the default installation added a reference to TypeScript 3 1 6 and it requires 3 4 or greater   npm install typescript   gt  3 4  lt 3 5   Second  using the devkit 0 800 1 or 0 800 1 always ended up in incompatibilities  I tried many combinations but I am not sure it s fully compatible yet  specially because I am using one bootstrap a bit older and I cannot upgrade yet   Finally I tried to downgrade  go to package json and find the devDependencies  until one of them worked    angular-devkit build-angular    0 13 4   I am sure your problem is dependencies versions but I cannot tell you which one  Give it a try downgrading

User · Answer

Everyone here is focusing on downgrading  angular-devkit build-angular to  angular 7 x versions for compatibility  but what they should be doing is to upgrade  angular cli to angular 8 versions   The problem is that the system cli is still stuck at an old version and isn t automatically updated by ng update  because it is outside the angular controlled project   so it is being left at an incompatible version when trying to access the angular libraries   Downgrading  angular-devkit build-angular just causes more incompatibilities   npm i --global  angular cli latest   will fix the problem without breaking things elsewhere

User · Answer

I was also coming across this issue and for me when doing more updates more issues occurred    What worked for me in the end was more or less to remove angular cli and re install it with these steps   npm uninstall -g  angular cli npm cache clean --force npm install -g  angular cli   this helped me out source  how to uninstall angular cli

User · Answer

I changed  angular-devkit build-angular    0 9 0 1  to  angular-devkit build-angular    0 13 4  and it worked

User · Answer

Everyone is focusing on downgrading  angular-devkit build-angular version to X  or upgrading  angular cli version to Y or latest   However  Please do not blindly suggest an X or Y or latest as answers   Though usually  downgrading devkit should be better because upgrading CLI is a breaking change   The correct version to choose  always depends on your Angular  angular-cli  version   Angular CLI v8 3 19 - gt  0 803 19 Angular CLI v8 3 17 - gt  0 803 17 Angular CLI v7 3 8 - gt  0 13 8 Angular CLI v6-lts - gt  0 8 9   For other specific versions  visit  https   github com angular angular-cli tags  Find your CLI version  and in some tags  they do mention the corresponding versions for  angular-devkit    packages   Note  If you want to upgrade your CLI version  you should first consider upgrading to latest of your major version  do not simply jump to the next major version

User · Answer

Following worked for me  npm uninstall  angular-devkit build-angular npm install  angular-devkit build-angular 0 13 0

User · Answer

Same issue after trying to upgrade to Ng8 which failed due to dependency issues       npm uninstall  angular-devkit build-angular   then I used      npm install  angular-devkit build-angular 0 12 4   fixed it

User · Answer

This setting works well under angular 8  Package json       quot dependencies quot        quot  angular animations quot    quot  8 2 14 quot      quot  angular cdk quot    quot 8 2 3 quot      quot  angular common quot    quot  8 2 14 quot      quot  angular compiler quot    quot  8 2 14 quot      quot  angular core quot    quot  8 2 14 quot          quot devDependencies quot        quot  angular-devkit build-angular quot    quot  0 803 29 quot      quot  angular cli quot    quot  8 3 29 quot      quot  angular compiler-cli quot    quot  8 2 14 quot

User · Answer

If your moving to angular 8 or 9 this will do the trick  ng update  angular cli

User · Answer

I did this change in package json file  then it works     angular-devkit build-angular     0 803 23   to    angular-devkit build-angular     0 13 9

User · Answer

You have incompatibly dependencies  i solved this problem by change the package json form another project angular and then after change to this packag json  you change only the dependencies versions you have   after the change write   -npm link  -npm serve -o  then it s work              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

User · Answer

I had this issue  this is how i have solved it  The problem mostly is that your Angular version is not supporting your Node js version for the build  So the best solution is to upgrade your Node js to the most current stable one   For a clean upgrade of Node js  i advise using n  if you are using Mac   npm install -g n npm cache clean -f sudo n stable npm update -g   and now check that you are updated    node -v npm -v   For more details  check this link  here

User · Answer

I had the same problem  but I solved it thanks to the comment of Ekta Gandhi      Finally i found the solution       1  Firstly eliminate all changes in package json file by giving simple command git checkout package json       2  Then after make change in package json in  angular-devkit build-angular-  0 800 1 Add tail instead of cap       3  Then run command rm -rf node modules       4  Then clean catch by giving command npm clean cache -f      5  And at last run command npm install  This works for me         Along with the modification proposed by Dimuthu     Made it to  angular-devkit build-angular    0 13 4  and it worked

User · Answer

NONE of the above-given answers works for me    My original goal was to fix the sometimes CONSTANT COMPILING of my project with VSCode   I tried many  many ways  but NOTHING was working -- the project just WON T COMPILIE    Finally I found out what the problem here is    I cloned the project from my company s repository  and all the code from there HAS TO go exactly with the versions of dependencies when the existing part of the project was coded    In the end  I deleted the previously cloned project AGAIN  quite a few times   and cloned AGAIN  also a few times   and DID NOTHING BUT RAN  npm install   and everything started to work    The lesson I learned here is that   Sometimes you ll make the situation worse when you try to fix some problems  the one I had was the CONSTANT COMPILING of my project     But it doesn t mean we cannot try to fix the problems  We can  But when everything becomes a mess  we d better go with the original code    Fortunately the CONSTANT COMPILING of my project happens only once a while  not all the time  It s not fixed  but I have to bear with it  otherwise my project won t even compile

[angular6] Errors: Data path ".builders['app-shell']" should have required property 'class'

Examples related to angular6

Examples related to angular7