ng update failed with angular 5 project generated by CLI 1.7.4

[ahnpnl]

Versions

Your global Angular CLI version (6.0.0) is greater than your local
version (1.7.4). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".

    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
    
Angular CLI: 1.7.4
Node: 8.11.1
OS: darwin x64
Angular: 5.2.10
... animations, common, compiler, compiler-cli, core, forms
... http, platform-browser, platform-browser-dynamic, router

@angular/cli: 1.7.4
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.6.2
webpack: 3.11.0

Repro steps

• Step 1: clone this repo example: https://github.com/AhnpGit/ng-update-error and run yarn
• Step 2: install @angular/cli 6.0.0 by npm install -g @angular/cli
• Step 3: cd to the cloned example and run ng update

Observed behavior

An error occurs caused by semver.intersects

Your global Angular CLI version (6.0.0) is greater than your local
version (1.7.4). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".
Error: semver.intersects is not a function
semver.intersects is not a function

Desired behavior

Should update successfully

Mention any other details that might be useful (optional)

N.A

[criduvero]

Use the migration guide: https://update.angular.io. You must update your local CLI first

[ahnpnl]

@criduvero I followed the update guide and ran into the same error.

at line ng update @angular/cli it throws the same error. I had to use workaround to remove @angular/cli from my project and readd it.

After successfully upgraded all packages, I can't start my application because .angular-cli.json wasn't replaced by angular.json

[AlgoTrader]

I updated the @angular/cli to latest version manually. npm install @angular/cli does minor upgrades only

[hansl]

ng update is a CLI 6.0 only command. CLI 1.7.4 did have some support but we disabled it in 1.7.5 to avoid these kind of issues.

You'll need to follow the instructions at update.angular.io like @criduvero said. To make sure you're using CLI 6.0 locally, run ng version.

Running yarn add @angular/cli then ng update @angular/cli worked properly for me.

Closing this as non reproducible in 6.0.1.

[chriscurnow]

@hansl however it is a problem with the update instructions. Following the update instructions exactly does not work for CLI 1.7.4.

Specifically npm install @angular/cli does not upgrade CLI.

[AlgoTrader]

@chriscurnow you shoud aware npm install @angular/cli is absolutly not enough.

The correct CLI update is

npm install -g @angular/cli
npm install @angular/cli
ng update @angular/cli

The last command will convert old CLI config into new CLI config and that is the most difficult and crusial step in upgrading 5 to 6

[johnqiuwan]

@AlgoTrader , follow the instruction does not work for me.

What I did

npm install -g @angular/cli
npm install @angular/cli
ng update @angular/cli

As @hansl mentioned, Following the update instructions exactly does not work for CLI 1.7.4.

[JohannesHoppe]

see #9307

[mikecabana]

Doing this...

npm install -g @angular/cli
npm install @angular/cli
npm intall
npm run ng update @angular/cli

...fixed it for me.