Angular 2 --aot AnimationEntryMetadata Ausfall

Question

Mein Code funktioniert gut mit ng build und ng build --prod howerver verursacht, wenn ich --aot zum Befehl hinzufügen, es mit dem folgenden Fehler fehl:

Uncaught Error: Module build failed: Error: C:/Users/dremache/Code/control-f2/client/src/app/transitions.ts (11,14): Exported variable 'pageTransitions' has or is using name 'AnimationEntryMetadata' from external module "C:/Users/dremache/Code/control-f2/client/node_modules/@angular/core/src/animation/metadata" but cannot be named.)

Dies ist transitions.ts:

import { trigger, 
    state, 
    style, 
    transition, 
    animate, 
    keyframes } from '@angular/core'; 


export const pageTransitions = 

    trigger('slideInOut', [ 

    state('in', style({transform: 'translateX(0)'})), 

    transition('void => *', [ 
     style({transform: 'translateX(-60px)',opacity: '0'}), 
     animate('300ms ease-out') 
    ]), 
    transition('* => void', [ 
     animate('300ms ease-out', style({transform: 'translateX(-60px)'})) 
    ]) 
    ]); 

Dies ist die Komponente, die es zu importieren ist:

//other imports 
import { pageTransitions } from './transitions'; 

@Component({ 
    //other properties 
    animations: [ pageTransitions, 

     trigger('items', [ 
     // states and transitions here.. removing for cleanliness 
     ] 
    }) 

Irgendwelche Ideen? Ich mache das, um zu vermeiden, dieselben Animationen neu zu definieren. Diese Animationen werden auf Komponenten angewendet, die von void => * ausgehen, um Seitenübergangsanimationen zu erstellen.

Answer 1

Fehler behoben!

In meiner transitions.ts Datei ich ändern musste:

export const pageTransitions = 

zu:

export const pageTransitions: AnimationEntryMetadata = 

(auch importieren AnimationEntryMetadata von @angular/core)