Ngx-charts: Material beta 12 incompatibility - Unable to resolve animation metadata node #undefined

[chogainz]

CURRENT VERSIONS

"@angular/animations": "4.4.6",
"@angular/cdk": "2.0.0-beta.12",
"@angular/material": "2.0.0-beta.12",

Updated to material beta 12
Throws this error
Error: Unable to resolve animation metadata node #undefined

[marjan-georgiev]

Is this caused by ngx-charts?

[skyboys22]

i'm getting same error

[morrisond91]

Did you ever get to the bottom of this?

[mpeguero]

I had this error and I change the definitions of the animation functions and worked fine.

`/*BEFORE */
export function moveIn(){
return trigger('moveIn',[
state('void',style({position:'fixed',width:'100%'})),
state('' ,style({position:'fixed', width:'100%'})),
transition(':enter',[
style({opacity:'0',transform:'translateX(100%'}),
animate('.6s ease-in-out',style({opacity:'1',transform:'translateX(0)'}))
]),
transition(':leave',[
style({opacity:'1',transform:'translateX(-100%'}),
animate('.6s ease-in-out',style({opacity:'0',transform:'translateX(-200px)'}))
]),
])
}

/* AFTER */
export let moveIn = trigger('moveIn',[
state('void',style({position:'fixed',width:'100%'})),
state('' ,style({position:'fixed', width:'100%'})),
transition(':enter',[
style({opacity:'0',transform:'translateX(100%'}),
animate('.6s ease-in-out',style({opacity:'1',transform:'translateX(0)'}))
]),
transition(':leave',[
style({opacity:'1',transform:'translateX(-100%'}),
animate('.6s ease-in-out',style({opacity:'0',transform:'translateX(-200px)'}))
]),

]);`

[marjan-georgiev]

Closing this. If anyone still has this issue, please open a new ticket with a stackblitz where it can be reproduced.