Updating Angular to v13 installs a few Angular v14 packages

[akaufmann]

🐞 Bug report

Command (mark with an x)

• new
• build
• serve
• test
• e2e
• generate
• add
• update
• lint
• extract-i18n
• run
• config
• help
• version
• doc

Description

After I wanted to upgrade a NG v12 project to v13, some NG v14 packages were installed.
I run the update process via
ng update @angular/cdk@13 @angular/cli@13 @angular/core@13 @ngrx/store ng-mocks --force as ng update suggested it.

However, the update installed a mixture of v13 and v14 packages.

PS: I am not sure if the --force has anything to do with it, but I could not do the update without it.

🌍 Your Environment

$ ng version
Your global Angular CLI version (14.0.0-rc.0) is greater than your local version (13.3.7). The local Angular CLI version is used.

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

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

Angular CLI: 13.3.7
Node: 14.17.0
Package Manager: yarn 1.22.11
OS: darwin x64

Angular: 13.3.11
... core

Package                             Version
-------------------------------------------------------------
@angular-devkit/architect           0.1303.7
@angular-devkit/build-angular       13.3.7
@angular-devkit/core                13.3.7
@angular-devkit/schematics          12.2.17
@angular/animations                 14.0.0
@angular/cdk                        13.3.9
@angular/cli                        13.3.7
@angular/common                     14.0.0
@angular/compiler                   14.0.0
@angular/compiler-cli               14.0.0
@angular/elements                   14.0.0
@angular/forms                      14.0.0
@angular/language-service           14.0.0
@angular/platform-browser           14.0.0
@angular/platform-browser-dynamic   14.0.0
@angular/platform-server            14.0.0
@angular/router                     14.0.0
@schematics/angular                 13.3.7
rxjs                                6.6.6
typescript                          4.7.2

[alan-agius4]

--force will instruct ng update to ignore peer dependencies issue that might cause incompatible versions to be installed.

What was the error message when not using the --force option? Can you please provide the contents of the package.json prior to the update?

[akaufmann]

❯ ng update @angular/cdk@13 @angular/cli@13 @angular/core@13 @ngrx/store ng-mocks
The installed Angular CLI version is outdated.
Installing a temporary Angular CLI versioned 13.3.7 to perform the update.
✔ Packages successfully installed.
Using package manager: 'yarn'
Collecting installed dependencies...
Found 133 dependencies.
Fetching dependency metadata from registry...
                  Package "<internal package>" has an incompatible peer dependency to "@angular/language-service" (requires ">=7.0.0 <11.0.0" (extended), would install "14.0.0").
                  Package "@angular-devkit/build-angular" has an incompatible peer dependency to "typescript" (requires ">=4.4.3 <4.7", would install "4.7.2").
                  Package "@angular-devkit/build-angular" has an incompatible peer dependency to "@angular/compiler-cli" (requires "^13.0.0 || ^13.3.0-rc.0", would install "14.0.0")
                  Package "@angular-devkit/build-angular" has an incompatible peer dependency to "typescript" (requires ">=4.4.3 <4.7", would install "4.7.2")
                  Package "@angular/animations" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "<internal package>" has an incompatible peer dependency to "@angular/animations" (requires "^12.x" (extended), would install "14.0.0").
                  Package "<internal package>" has an incompatible peer dependency to "@angular/cdk" (requires "^12.x", would install "13.3.9").
                  Package "@angular/common" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "<internal package>" has an incompatible peer dependency to "@angular/common" (requires "^12.2.15" (extended), would install "14.0.0").
                  Package "@angular/compiler" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "<internal package>" has an incompatible peer dependency to "@angular/compiler" (requires ">=7.0.0 <11.0.0" (extended), would install "14.0.0").
                  Package "@angular/animations" has an incompatible peer dependency to "@angular/core" (requires "14.0.0" (extended), would install "13.3.11").
                  Package "@angular/elements" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "@angular/forms" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "<internal package>" has an incompatible peer dependency to "@angular/forms" (requires "^12.x" (extended), would install "14.0.0").
                  Package "@angular/platform-browser" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "<internal package>" has an incompatible peer dependency to "@angular/platform-browser" (requires ">=7.0.0 <11.0.0" (extended), would install "14.0.0").
                  Package "@angular/platform-browser-dynamic" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "<internal package>" has an incompatible peer dependency to "@angular/platform-browser-dynamic" (requires ">=7.0.0 <11.0.0" (extended), would install "14.0.0").
                  Package "@angular/platform-server" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "@angular/router" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "<internal package>" has an incompatible peer dependency to "@angular/router" (requires "^12.x" (extended), would install "14.0.0").
                  Package "@ngrx/router-store" has an incompatible peer dependency to "@angular/common" (requires "^13.0.0", would install "14.0.0")
                  Package "@ngrx/router-store" has an incompatible peer dependency to "@angular/router" (requires "^13.0.0", would install "14.0.0")
✖ Migration failed: Incompatible peer dependencies found.
Peer dependency warnings when installing dependencies means that those dependencies might not work correctly together.
You can use the '--force' option to ignore incompatible peer dependencies and instead address these warnings later.
  See "/private/var/folders/y7/grv62hc90zn8h8k24gkj8b2h0000gn/T/ng-5s4x7k/angular-errors.log" for further details.

This whole upgrade process is currently just a POC to see if we can get rid of a JavaScript heap-out-of-memory error we've had since updating to v12 of our very large app. We haven't had a chance to update our libs to v13/14 yet, but we had used ng update with --force in the past with no issues like this. FYI, for confidentiality reasons, I have replaced some of my company's internal packages.

EDIT: Now that I have taken a closer look at the result, I see that the same problem could also occur without --force -> (extended), would install "14.0.0").

[akaufmann]

I have tried to reproduce this on a smaller scale. I created a test project with this package.json

{
  "name": "ng-mixed-packages",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^12.2.16",
    "@angular/cdk": "^12.2.13",
    "@angular/common": "^12.2.16",
    "@angular/compiler": "^12.2.16",
    "@angular/core": "^12.2.16",
    "@angular/elements": "^12.2.16",
    "@angular/forms": "^12.2.16",
    "@angular/platform-browser": "^12.2.16",
    "@angular/platform-browser-dynamic": "^12.2.16",
    "@angular/platform-server": "^12.2.16",
    "@angular/router": "^12.2.16",
    "rxjs": "~6.6.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular/compiler-cli": "^12.2.16",
    "@angular/language-service": "^12.2.16",
    "@angular-devkit/build-angular": "~12.2.17",
    "@angular/cli": "~12.2.17",
    "@types/jasmine": "~3.8.0",
    "@types/node": "^12.11.1",
    "jasmine-core": "~3.8.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.7.0",
    "typescript": "~4.3.5"
  }
}

Here is the output of ng update @angular/cdk@13 @angular/cli@13 @angular/core@13

❯ ng update @angular/cdk@13 @angular/cli@13 @angular/core@13 
The installed Angular CLI version is outdated.
Installing a temporary Angular CLI versioned 13.3.7 to perform the update.
✔ Packages successfully installed.
Using package manager: 'yarn'
Collecting installed dependencies...
Found 27 dependencies.
Fetching dependency metadata from registry...
                  Package "@angular-devkit/build-angular" has an incompatible peer dependency to "@angular/compiler-cli" (requires "^13.0.0 || ^13.3.0-rc.0", would install "14.0.0")
                  Package "@angular-devkit/build-angular" has an incompatible peer dependency to "typescript" (requires ">=4.4.3 <4.7", would install "4.7.2")
                  Package "@angular-devkit/build-angular" has an incompatible peer dependency to "typescript" (requires ">=4.4.3 <4.7", would install "4.7.2").
                  Package "@angular/animations" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "@angular/common" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "@angular/compiler" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "@angular/animations" has an incompatible peer dependency to "@angular/core" (requires "14.0.0" (extended), would install "13.3.11").
                  Package "@angular/elements" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "@angular/forms" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "@angular/platform-browser" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "@angular/platform-browser-dynamic" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "@angular/platform-server" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
                  Package "@angular/router" has an incompatible peer dependency to "@angular/core" (requires "14.0.0", would install "13.3.11")
✖ Migration failed: Incompatible peer dependencies found.
Peer dependency warnings when installing dependencies means that those dependencies might not work correctly together.
You can use the '--force' option to ignore incompatible peer dependencies and instead address these warnings later.
  See "/private/var/folders/y7/grv62hc90zn8h8k24gkj8b2h0000gn/T/ng-5Bk5w1/angular-errors.log" for further details.

[alan-agius4]

Confirmed that this is a duplicate of #22654

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}