chore(angular): support angular 13

[Coly010]

Support Angular 13

Current Behavior

Expected Behavior

Related Issue(s)

Fixes #

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/nrwl/nx-dev/3SjPKttvNNnuVtLBoMTDfzHADj8g
✅ Preview: https://nx-dev-git-fork-coly010-angular-next-release-nrwl.vercel.app

[nx-cloud]

Nx Cloud Report

CI ran the following commands for commit 1018211. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

Status	Command
	nx affected --target=build --base=e960285769f403cd8194e65838ddc028b62d9d84 --head=1018211d34ee960f0242b04705862ed8c2d5eeb0 --parallel --max-parallel=3
	nx affected --target=e2e --base=e960285769f403cd8194e65838ddc028b62d9d84 --head=1018211d34ee960f0242b04705862ed8c2d5eeb0 --exclude=e2e-next,e2e-gatsby,e2e-workspace-create,e2e-workspace-integrations,e2e-workspace-core,e2e-react,e2e-web,e2e-angular-extensions,e2e-angular-core,e2e-cli,e2e-nx-plugin,e2e-storybook,e2e-cypress,e2e-node,e2e-linter,e2e-je...
	nx affected --target=e2e --base=e960285769f403cd8194e65838ddc028b62d9d84 --head=1018211d34ee960f0242b04705862ed8c2d5eeb0 --exclude=e2e-react-native,e2e-detox
	nx affected --target=lint --base=e960285769f403cd8194e65838ddc028b62d9d84 --head=1018211d34ee960f0242b04705862ed8c2d5eeb0 --parallel --max-parallel=4
	nx affected --target=test --base=e960285769f403cd8194e65838ddc028b62d9d84 --head=1018211d34ee960f0242b04705862ed8c2d5eeb0 --parallel --max-parallel=2
	nx build typedoc-theme

---

Sent with 💌 from NxCloud.

[Coly010]

Need to update https://github.com/nrwl/nx/pull/7285/files#diff-0a51aed4b06cee07e42be8cbedfe3323527e4cac6b444b8f3e5e5aab7c8dd0edR55
when that PR is merged

[JamesHenry]

FYI angular-eslint is currently blocked from supporting v13, have raised it with the Angular Team and hoping to hear back today.

Tracking issue: angular-eslint/angular-eslint#715

[FrozenPandaz]

LGTM! 🎉

There are still a few known issues as of this PR but this is good enough to start testing.

Known Issues

• major: Storybook does not support angular 13 yet
• major: Some beta versions (which may still have issues being ironed out) are being used:
  • @ngrx
  • jest-preset-angular
• minor: There's an issue with pnpm + rxjs + @nrwl/angular testing utils where the wrong rxjs version gets picked up for typing.

[samartomar]

using "@nrwl/angular": "13.1.3" , but the building library still fails we are in the middle of the deployment cycle any help is appriciated.

[wSedlacek]

@samartomar From what I can tell the changes in this PR are not released in 13.1.3 as that release was cut 8 days ago and this was merged 3 days ago.

The 13.2.0-beta releases look like they would include this change though.

I am quite excited for 13.2.0 myself, looks like it is going to be a killer release with NestJS 8 and Angular 13 support in the same release.

[Coly010]

@samartomar If you're having an issue with buildable libraries, could you open a GH Issue for it? @wSedlacek is correct, there is partial support in nx 13.2.0-beta.1, however, it contains some issues that we're working on currently. It also doesn't contain Storybook support. That is also currently being worked on.

[samartomar]

@wSedlacek @Coly010 Thank you, Yes i am using NX 13.1.3 with Angular 13, for libs i had default to angular builder, Nx builder for libs is failed, but apart from that i am still able to continue using NX. @Coly010 I will open github issue thank you.

[leosvelperez]

@samartomar please note Angular 13 is not supported in Nx v13.1.3, therefore issues are expected to happen.

As others have mentioned in this thread we are currently working towards releasing 13.2.0 which will have support for Angular 13. Unfortunately, Angular 13 has important breaking changes for tool authors and it has caused several tools to break (most of them have been solved, though we are still working with the Storybook team to support Angular 13) and it's the reason why adding support for it in Nx have been delayed more than what we would have liked.

Please keep an eye on the releases to know when Angular 13 is supported.

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.