This version of CLI is only compatible with Angular version 5.0.0 or higher error

Question

I already had angular project that ran in 4 version. While installing new project, unfortunately i have installed 6 version of angular cli. This throw me an error 'Your global Angular CLI version is greater than your local version' while running ng serve command in old project that ran in 4 version. Again i tried to update my anglar local version. But now i have got an error This version of CLI is only compatible with Angular version 5.0.0 or higher. My package.json is following:

 {
  "name": "authority-client",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular-devkit/core": "^0.7.2",
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "@types/file-saver": "^1.3.0",
    "angular2-cookie": "^1.2.6",
    "core-js": "^2.4.1",
    "file-saver": "^1.3.8",
    "ng2-toastr": "^4.1.2",
    "ngx-bootstrap": "^2.0.1",
    "ngx-loading": "^1.0.14",
    "npm": "^5.5.1",
    "postcss-loader": "^2.0.9",
    "rxjs": "^5.4.2",
    "sweetalert2": "^7.22.0",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.7.0",
    "@angular/cli": "^6.1.5",
    "@angular/compiler-cli": "^4.2.4",
    "@angular/language-service": "^4.2.4",
    "@ngtools/webpack": "^6.1.5",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "angular-ide": "^0.9.44",
    "codelyzer": "~3.1.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "^5.4.0",
    "ts-node": "~3.2.0",
    "tslint": "~5.3.2",
    "typescript": "~2.3.3"
  }
}

Can someone fix this error. I have been tried from last 2 days, but i cant find any appropriate solution.

Answer 1

I think this is what you're looking for. Other answers simply forgot to include the -g parameter.

npm install -g @angular/[email protected]

It's all said in the error itself. You're not installing it globally ;) Hope this solves your issues.

UPDATE: To update Angular CLI to a new version, you must update both the global package and your project's local package.

Global package:

npm uninstall -g @angular/cli
npm cache verify // If npm version is < 5 then use `npm cache clean`
npm install -g @angular/cli@latest

Local project package:

// Use rmdir /S/Q node_modules dist in Windows Command Prompt; 
// Use rm -r -fo node_modules, dist in Windows PowerShell

rm -rf node_modules dist 
npm install --save-dev @angular/cli@latest
npm install

For more info check out the ReadMe file on GitHub.

Answer 2

Use CLI version 1.4.9 with angular 4.

npm install @angular/[email protected]

"devDependencies": {
    "@angular-devkit/build-angular": "~0.7.0",
    "@angular/cli": "1.4.9",
    ....
    ....
  }

you can refer How to install Angular-CLI with Angular v4.x