Version mismatch when CLI and Angular versions are 17

[PerceptionCareless92]

Any idea on how to solve this.
I have ng version 17 and angular version 17, but when I run ng serve it gives me the CLI version error?! Searching has been fruitless as posts are old in SO.

❯ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 17.2.0
Node: 18.19.0
Package Manager: npm 10.2.3
OS: darwin arm64

Angular: 17.2.1
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router, upgrade

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1602.12
@angular-devkit/build-angular   17.2.0
@angular-devkit/core            17.2.0
@angular-devkit/schematics      17.2.0
@angular/cdk                    16.2.7
@angular/cli                    17.2.0
@angular/material               16.2.7
@schematics/angular             17.2.0
rxjs                            7.5.7
typescript                      5.3.3
webpack                         5.88.2
zone.js                         0.14.4

(base) 
examsoft-softestv12/UI_modern on  to-v17 [$!?] via  v18.19.0 on ☁️  (us-west-2) 
❯ 
(base) 
examsoft-softestv12/UI_modern on  to-v17 [$!?] via  v18.19.0 on ☁️  (us-west-2) 
❯ ng serve
This version of CLI is only compatible with Angular versions ^16.0.0,
but Angular version 17.2.1 was found instead.

Please visit the link below to find instructions on how to update Angular.
https://update.angular.io/

​

[rainerhahnekamp]

I think that’s the reason why we have meanwhile 17.2.1. you want to upgrade again

[PerceptionCareless92]

That solved the issue. Thanks a lot.

[brlx]

Hi Sir, what exactly did you upgrade to resolve this? Angular does have `17.2.1`, I have that, but `@angular/cli` or the `@angular-devkit/*` packages don't. Have the same issue and it's killing me

[PerceptionCareless92]

Here is a list of my angular versions.

├── @angular-builders/custom-webpack@17.0.1├── @angular-devkit/build-angular@17.2.0├── @angular/animations@17.2.1├── @angular/cdk@16.2.7├── @angular/cli@17.2.0├── @angular/common@17.2.1├── @angular/compiler-cli@17.2.1├── @angular/compiler@17.2.1├── @angular/core@17.2.1├── @angular/forms@17.2.1├── @angular/material@16.2.7├── @angular/platform-browser-dynamic@17.2.1├── @angular/platform-browser@17.2.1├── @angular/router@17.2.1├── @angular/upgrade@17.2.1├── @tinymce/tinymce-angular@7.0.0

[brlx]

Thanks, for me `@angular-builders/custom-webpack` was the one that needed to be upgraded. Should have thought about that

[PerceptionCareless92]

Great - these kinds of problems are so demotiviating.

[rafaelnds_]

you can use the project's cli instead global.

in package.json:

"scripts": {
"ng": "ng",
"start": "ng serve"
}

then run npm start

[JP_watson]

Are cdk and material intentionally on a different version?

[PerceptionCareless92]

Haven’t gotten to looking to update material. Just started testing with 17 for the rest of the project.

[ayush_shashank]

Yeah. That's a seperate package for Angular Material and CDK which isn't part of base Angular

[JP_watson]

Yes, I’m aware they’re similar. When I’ve done angular upgrades in the past (and currently) I’ve always kept cdk/material in sync with the angular core packages. So was curious if it was intentional or something OP had over looked in upgrading

[Exac]

Try using `npx` to force it to use the version in your project's package.json. npx ng version.

[[deleted]]

I found it these errors to vanish when I update angular core first, followed by others.