Dependency problems with Angular / Jest

[ddx001]

Current Behavior

Updating an Angular NX workspace to 21.3.1 or 21.3.2 OR creating a new workspace causes NPM dependency conflicts with Jest.

Expected Behavior

I expect a newly created workspace to install without problems.

GitHub Repo

No response

Steps to Reproduce

Create a new Angular workspace with those parameters:

> npx create-nx-workspace@21.3.2 nx-angular-app --preset=angular-monorepo

√ Application name · nx-angular-app
√ Which bundler would you like to use? · esbuild
√ Default stylesheet format · scss
√ Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? · No
√ Which unit test runner would you like to use? · jest
√ Test runner to use for end to end (E2E) tests · cypress
√ Which CI provider would you like to use? · skip
√ Would you like remote caching to make your build faster? · skip

Run npm install and you get those errors:

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: jest-preset-angular@14.6.1
npm error Found: jest@30.0.5
npm error node_modules/jest
npm error   dev jest@"^30.0.2" from the root project
npm error   peer jest@"^29.0.0 || ^30.0.0" from ts-jest@29.4.0
npm error   node_modules/ts-jest
npm error     dev ts-jest@"^29.4.0" from the root project
npm error     ts-jest@"^29.3.0" from jest-preset-angular@14.6.1
npm error     node_modules/jest-preset-angular
npm error       dev jest-preset-angular@"~14.6.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer jest@"^29.0.0" from jest-preset-angular@14.6.1
npm error node_modules/jest-preset-angular
npm error   dev jest-preset-angular@"~14.6.0" from the root project
npm error
npm error Conflicting peer dependency: jest@29.7.0
npm error node_modules/jest
npm error   peer jest@"^29.0.0" from jest-preset-angular@14.6.1
npm error   node_modules/jest-preset-angular
npm error     dev jest-preset-angular@"~14.6.0" from the root project
...

Nx Report

Node           : 22.15.0
OS             : win32-x64
Native Target  : x86_64-windows
npm            : 10.9.2

nx (global)            : 21.3.2
nx                     : 21.3.2
@nx/js                 : 21.3.2
@nx/jest               : 21.3.2
@nx/eslint             : 21.3.2
@nx/workspace          : 21.3.2
@nx/angular            : 21.3.2
@nx/cypress            : 21.3.2
@nx/devkit             : 21.3.2
@nx/eslint-plugin      : 21.3.2
@nx/module-federation  : 21.3.2
@nx/rspack             : 21.3.2
@nx/web                : 21.3.2
@nx/webpack            : 21.3.2
typescript             : 5.8.3
---------------------------------------
Registered Plugins:
@nx/cypress/plugin
@nx/eslint/plugin
---------------------------------------
Community plugins:
angular-eslint : 20.1.1
---------------------------------------
Cache Usage: 0.00 B / 190.61 GB

Failure Logs

Package Manager Version

No response

Operating System

• macOS
• Linux
• Windows
• Other (Please specify)

Additional Information

No response

[Julien-Marcou]

jest-preset-angular v15 has been released and should allow us to resolve this issue

[pablomaurer]

Even after installing jest-preset-angular v15 you get

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: @angular-devkit/build-angular@20.1.1
npm error Found: jest@30.0.5
npm error node_modules/jest
npm error   dev jest@"30.0.5" from the root project
npm error   peer jest@"^30.0.0" from jest-preset-angular@15.0.0
npm error   node_modules/jest-preset-angular
npm error     dev jest-preset-angular@"15.0.0" from the root project
npm error   1 more (ts-jest)
npm error
npm error Could not resolve dependency:
npm error peerOptional jest@"^29.5.0" from @angular-devkit/build-angular@20.1.1
npm error node_modules/@angular-devkit/build-angular
npm error   dev @angular-devkit/build-angular@"20.1.1" from the root project
npm error   peerOptional @angular-devkit/build-angular@">= 18.0.0 < 21.0.0" from @nx/angular@21.3.3
npm error   node_modules/@nx/angular
npm error     @nx/angular@"21.3.3" from the root project
npm error
npm error Conflicting peer dependency: jest@29.7.0
npm error node_modules/jest
npm error   peerOptional jest@"^29.5.0" from @angular-devkit/build-angular@20.1.1
npm error   node_modules/@angular-devkit/build-angular
npm error     dev @angular-devkit/build-angular@"20.1.1" from the root project
npm error     peerOptional @angular-devkit/build-angular@">= 18.0.0 < 21.0.0" from @nx/angular@21.3.3
npm error     node_modules/@nx/angular
npm error       @nx/angular@"21.3.3" from the root project

[Julien-Marcou]

I invite you to upvote this corresponding issue angular/angular-cli#30760 in the Angular CLI repo to make Angular support jest v30 quicker

[wierzchowski-sebastian]

Same here,

Npm install on newly built workspace 21.3.3 gives me:

Check my workspace build config in: #32046 - problem with stylus and build has been solved but still it won't allow to npm install

Example

npm install tailwindcss @tailwindcss/postcss postcss

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: jest-preset-angular@14.6.1
npm error Found: jest@30.0.5
npm error node_modules/jest
npm error peer jest@"^29.0.0 || ^30.0.0" from ts-jest@29.4.0
npm error node_modules/ts-jest
npm error ts-jest@"^29.3.0" from jest-preset-angular@14.6.1
npm error node_modules/jest-preset-angular
npm error dev jest-preset-angular@"~14.6.0" from the root project
npm error dev ts-jest@"^29.4.0" from the root project
npm error dev jest@"^30.0.2" from the root project
npm error
npm error Could not resolve dependency:
npm error peer jest@"^29.0.0" from jest-preset-angular@14.6.1
npm error node_modules/jest-preset-angular
npm error dev jest-preset-angular@"~14.6.0" from the root project
npm error
npm error Conflicting peer dependency: jest@29.7.0
npm error node_modules/jest
npm error peer jest@"^29.0.0" from jest-preset-angular@14.6.1
npm error node_modules/jest-preset-angular
npm error dev jest-preset-angular@"~14.6.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error C:\Users\SECRET\AppData\Local\npm-cache_logs\2025-07-23T13_17_44_721Z-eresolve-report.txt
npm error A complete log of this run can be found in: C:\Users\SECRET\AppData\Local\npm-cache_logs\2025-07-23T13_17_44_721Z-debug-0.log

[jamesbenrobb]

Am i right in thinking that, short of using force install, this issue currently prevents an Angular Nx project from being updated to version 21? Or is there another solution for this in the mean time?