4

I've upgraded my project from angular 5.2.9 to angular 6.0.0-rc.5.

Except few quick RxJS fixes in the packages path, all looks good. (This link was quiet helpful : Want to upgrade project from Angular 5 to Angular 6)

But, for some reason i'm encountering a issue with the AnimationEntryMetadata inside the @angular/core module.

I was importing:

import {AnimationEntryMetadata} from '@angular/core';

In order to create animations. But now i'm getting the following error:

Module ../node_modules/@angular/core/core"' has no exported member 'AnimationEntryMetadata'

Did anybody encounter this issue has well?

I compared the two @angular/core files between the two versions and found some changes (marked in different color for each version), you can see that the "AnimationEntryMetadata" is missing in the newer version: enter image description here

Jota.Toledo
  • 27,293
  • 11
  • 59
  • 73
Rot-man
  • 18,045
  • 12
  • 118
  • 124

3 Answers3

15

Symbols related to angular animations now have to be imported from @angular/animations.

This change was introduced in the new version.

Furthermore, it seems that the symbol you are referring to was removed and replaced by AnimationTriggerMetadata.

Jota.Toledo
  • 27,293
  • 11
  • 59
  • 73
4

Please refer this link - Angular 6 package change

To give the support to angular 6 ,Angular 5 packages are moved to the new package.

Omkar Jadhav
  • 656
  • 1
  • 5
  • 18
3

From Angular 4+ it is AnimationTriggerMetadata and not AnimationEntryMetadata

Padmapriya Vishnuvardhan
  • 2,090
  • 13
  • 16