I am getting this error while running my application. Here are the details of my application.
I have already tried cache clean.
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.
Following worked for me
npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular@0.13.0
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
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.
Same issue after trying to upgrade to Ng8 which failed due to dependency issues.
npm uninstall @angular-devkit/build-angular
then
npm install @angular-devkit/build-angular@0.12.4
fixed it...
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@">=3.4 <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.
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.
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.
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
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
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"
}
it's work reinstall @angular-devkit/build-angular@0.13.4
npm install @angular-devkit/build-angular@0.13.4 --save-dev
来源：https://stackoverflow.com/questions/56393158/errors-data-path-buildersapp-shell-should-have-required-property-class