Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

@angular/animations newer version throwing error while building app

See original GitHub issue

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

animations

Is this a regression?

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

Issue Analytics

State:
Created 2 years ago
Comments:6 (2 by maintainers)

Top GitHub Comments

1reaction

dhaneshgosaicommented, Feb 24, 2022

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

1reaction

JoostKcommented, Feb 24, 2022

@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.

Top Results From Across the Web

Getting Error While creating new Angular App - Stack Overflow

I'm not able to figure out why its throwing this exception because my previous Angular Application is working fine. I searched for this...

Deprecated APIs and features - Angular

However, in practice, Angular ignores two-way bindings to template variables. Starting in version 8, attempting to write to template variables is deprecated. In...

Router tutorial: tour of heroes - Angular

Animated image of application with a Crisis Center button and a Heroes button. ... Any other URL causes the router to throw an...

Schematics for libraries - Angular

When you create an Angular library, you can provide and package it with schematics that integrate it with the Angular CLI. With your...

NgModule FAQ - Angular

Declare these classes in exactly one module of the application. ... GreetingModule) { if (parentModule) { throw new Error( 'GreetingModule is already loaded ......