nx angular project build issue

[raju-gspann]

Current Behavior

NX Directory
import 'C:\Users\samalra\repos\test\test-nx-ng-v20-2\node_modules@angular-devkit\build-angular\src\builders\browser' is not supported resolving ES modules imported from \test-nx-ng-v20-2\node_modules@angular-devkit\architect\node\node-modules-architect-host.js

Did you mean to import "/test-nx-ng-v20-2/node_modules/@angular-devkit/build-angular/src/builders/browser/index.js"?
Pass --verbose to see the stacktrace.

Expected Behavior

should build app successfully

GitHub Repo

No response

Steps to Reproduce

1. in nx app (version 21)
2. generate angular app (version 20)
3. try to build the generated angular app,
4. it fails with this error
   NX Directory
   import 'C:\Users\samalra\repos\test\test-nx-ng-v20-2\node_modules@angular-devkit\build-angular\src\builders\browser' is not supported resolving ES modules imported from \test-nx-ng-v20-2\node_modules@angular-devkit\architect\node\node-modules-architect-host.js

Did you mean to import "/test-nx-ng-v20-2/node_modules/@angular-devkit/build-angular/src/builders/browser/index.js"?
Pass --verbose to see the stacktrace.

Nx Report

NX   Directory 
import 'C:\Users\samalra\repos\test\test-nx-ng-v20-2\node_modules\@angular-devkit\build-angular\src\builders\browser' is not supported resolving ES modules imported from \test-nx-ng-v20-2\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js

Did you mean to import "/test-nx-ng-v20-2/node_modules/@angular-devkit/build-angular/src/builders/browser/index.js"?
Pass --verbose to see the stacktrace.

Failure Logs

Package Manager Version

No response

Operating System

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

Additional Information

No response

[leosvelperez]

Thanks for reporting this!

Please share the results of running nx report. Are you using one of the supported Node.js versions for Angular v20?

[Samuel3]

I do have the same error. My report looks:

Node           : 21.7.3
OS             : win32-x64
Native Target  : x86_64-windows
npm            : 10.5.0

nx                     : 21.2.1
@nx/js                 : 21.2.1
@nx/jest               : 21.2.1
@nx/eslint             : 21.2.1
@nx/workspace          : 21.2.1
@nx/angular            : 21.2.1
@nx/devkit             : 21.2.1
@nx/eslint-plugin      : 21.2.1
@nx/module-federation  : 21.2.1
@nx/rspack             : 21.2.1
@nx/web                : 21.2.1
@nx/webpack            : 21.2.1
typescript             : 5.8.3
---------------------------------------

[leosvelperez]

I do have the same error. My report looks:

Node : 21.7.3

You're using a Node.js version that Angular v20 does not support. As the linked documentation from my previous comment shows, Angular v20 requires Node.js ^20.19.0 || ^22.12.0 || ^24.0.0.

[leosvelperez]

I'm going to close this. These errors with Angular v20 happen when an unsupported Node.js version is used. Make sure your Node.js version is in the following range: ^20.19.0 || ^22.12.0 || ^24.0.0 (https://angular.dev/reference/versions#actively-supported-versions).