@angular/animations newer version throwing error while building app

[dhaneshgosai]

Which @angular/* package(s) are the source of the bug?

animations

Is this a regression?

No

Description

Trying to use a newer version of animation on my app but its throwing error like the below:

Build at: 2022-02-24T13:29:00.449Z - Hash: 95f7746e382e951a - Time: 531ms
[ng] 
[ng] ./node_modules/@angular/platform-browser/fesm2020/animations.mjs:531:9-31 - Error: export 'ɵsupportsWebAnimations' (imported as 'ɵsupportsWebAnimations') was not found in '@angular/animations/browser' (possible exports: AnimationDriver, ɵAnimation, ɵAnimationEngine, ɵAnimationStyleNormalizer, ɵNoopAnimationDriver, ɵNoopAnimationStyleNormalizer, ɵWebAnimationsDriver, ɵWebAnimationsPlayer, ɵWebAnimationsStyleNormalizer, ɵallowPreviousPlayerStylesMerge, ɵcontainsElement, ɵgetParentElement, ɵinvokeQuery, ɵvalidateStyleProperty)
[ng] 
[ng] ./node_modules/@angular/platform-browser/fesm2020/animations.mjs:531:69-88 - Error: export 'ɵCssKeyframesDriver' (imported as 'ɵCssKeyframesDriver') was not found in '@angular/animations/browser' (possible exports: AnimationDriver, ɵAnimation, ɵAnimationEngine, ɵAnimationStyleNormalizer, ɵNoopAnimationDriver, ɵNoopAnimationStyleNormalizer, ɵWebAnimationsDriver, ɵWebAnimationsPlayer, ɵWebAnimationsStyleNormalizer, ɵallowPreviousPlayerStylesMerge, ɵcontainsElement, ɵgetParentElement, ɵinvokeQuery, ɵvalidateStyleProperty)
[ng] 
[ng] 
[ng] ✖ Failed to compile.

Older versions from 13.2.0 and older working well only issue occur on and above 13.2.1 and newer.

Can you guys help me with this issue?

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

Build at: 2022-02-24T13:29:00.449Z - Hash: 95f7746e382e951a - Time: 531ms
[ng] 
[ng] ./node_modules/@angular/platform-browser/fesm2020/animations.mjs:531:9-31 - Error: export 'ɵsupportsWebAnimations' (imported as 'ɵsupportsWebAnimations') was not found in '@angular/animations/browser' (possible exports: AnimationDriver, ɵAnimation, ɵAnimationEngine, ɵAnimationStyleNormalizer, ɵNoopAnimationDriver, ɵNoopAnimationStyleNormalizer, ɵWebAnimationsDriver, ɵWebAnimationsPlayer, ɵWebAnimationsStyleNormalizer, ɵallowPreviousPlayerStylesMerge, ɵcontainsElement, ɵgetParentElement, ɵinvokeQuery, ɵvalidateStyleProperty)
[ng] 
[ng] ./node_modules/@angular/platform-browser/fesm2020/animations.mjs:531:69-88 - Error: export 'ɵCssKeyframesDriver' (imported as 'ɵCssKeyframesDriver') was not found in '@angular/animations/browser' (possible exports: AnimationDriver, ɵAnimation, ɵAnimationEngine, ɵAnimationStyleNormalizer, ɵNoopAnimationDriver, ɵNoopAnimationStyleNormalizer, ɵWebAnimationsDriver, ɵWebAnimationsPlayer, ɵWebAnimationsStyleNormalizer, ɵallowPreviousPlayerStylesMerge, ɵcontainsElement, ɵgetParentElement, ɵinvokeQuery, ɵvalidateStyleProperty)
[ng] 
[ng] 
[ng] ✖ Failed to compile.

### Please provide the environment you discovered this bug in (run `ng version`)

```true
Angular CLI: 13.0.4
Node: 14.15.0
Package Manager: npm 6.14.8
OS: darwin x64

Angular: 13.0.3
... common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1300.4
@angular-devkit/build-angular   13.0.4
@angular-devkit/core            13.0.4
@angular-devkit/schematics      13.0.4
@angular/animations             13.2.0
@angular/cdk                    13.2.3
@angular/cli                    13.0.4
@schematics/angular             13.0.4
rxjs                            6.6.7
typescript                      4.4.4

Anything else?

No response

[alan-agius4]

Are you importing the above mentioned symbols?

The mentioned APIs were private and have been removed in version 13.2. See #44919 for more context.

[JoostK]

@angular/animations needs to be the exact same version as the other Angular framework packages, which is not currently the case:

Angular: 13.0.3
... common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular/animations             13.2.0

The framework needs to be updated from 13.0.3 to 13.2.0 (or really just the latest patch) as well.

[dhaneshgosai]

Are you importing the above mentioned symbols?

The mentioned APIs were private and have been removed in version 13.2. See #44919 for more context.

Not importing mention symbols only importing BrowserAnimationsModule for animation but still its throwing this error.

[dhaneshgosai]

@angular/animations needs to be the exact same version as the other Angular framework packages, which is not currently the case:

Angular: 13.0.3
... common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular/animations             13.2.0

The framework needs to be updated from 13.0.3 to 13.2.0 (or really just the latest patch) as well.

Ohh Ok I don't know it's impacting overall angular versions. Let me try to update it.

[dhaneshgosai]

after updating the framework from 13.0.3 to 13.2.4 everything working perfectly. Thanks, @JoostK for guiding me in the right direction.

[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.}