Ahead of Time Compilation statische Analyse Fehler

Question

Ich habe das Problem auf exportierte Funktionen hingewiesen.

animations.ts:

export function slideInRight(triggerName = 'slideInRight', unactivatedState = 'initial', activatedState = 'state-0', duration = '1s') { 
    return trigger(triggerName, [ 
    state(unactivatedState, style({ 
     transform: 'translateX(-100%)' 
    })), 
    state(activatedState, style({ 
     transform: 'translateX(0)' 
    })), 
    transition(`${unactivatedState} => ${activatedState}`, animate(`${duration} ease-in-out`)), 
    transition(`${activatedState} => ${unactivatedState}`, animate(`${duration} ease-in-out`)) 
    ]); 
} 

home.component.ts:

import { slideInRight } from 'animations' 

@Component({ 
    // ... 
    animations: [slideInRight('param1', 'param2')] 
}) 
export class HomeComponent {} 

ich folgende Fehlermeldung erhalten, wenn AOT Kompilierung zu tun versuchen:

ERROR in einem Fehler aufgetreten statische Auflösung von Symbolwerten Das Ausdrucksformular wird nicht unterstützt (Position 24:16 in der ursprünglichen .ts-Datei), das Symbol slideInLeft im Pfad/zu/project/angular/animations.ts aufgelöst, das Symbol HomeComponent im Pfad/zu/project/angular/app/pages/home aufgelöst /home.component.ts, Auflösungs Symbol HomeComponent in path/to/Projekt/Winkel/app/pages/home/home.component.ts

Wenn ich auf dem Dekorateur nennen dies die Animationen Eigenschaft Kommentar aus, die Fehler geht weg. Was mache ich hier falsch?

Answer 1

Ich hatte das gleiche Problem mit Vorlage Zeichenfolgen für Animationen. Versuchen Sie, Ihre Übergänge Refactoring normale String-Verkettung zu verwenden:

transition(unactivatedState + ' => ' + activatedState, animate(duration + ' ease-in-out')), 
transition(activatedState + ' => ' + unactivatedState, animate(duration + ' ease-in-out')) 

]);

Answer 2

Hier einige Syntax, die für mich gearbeitet:

animations: [ 
    fadeInOut(), 
], 

Und:

export function fadeInOut(): AnimationEntryMetadata { 
    return trigger("fadeInOut", [ 
     state("in", style({opacity: "1"})), 
     transition("void => *", [ 
      style({opacity: "1"}), 
      animate(100), 
     ]), 
     transition("* => void", [ 
      animate(100, style({opacity: "0.0"})), 
     ]), 
    ]); 
} 

Es ist eine Weile her ist, aber wenn ich an einem Punkt richtig erhielt ich einen ähnlichen Fehler erinnern, als ich ein gerufener Methode innerhalb von fadeInOut(), die vom vorausgehenden Compiler nicht statisch analysierbar war. Meine damalige Lösung bestand darin, meine Animationsmethode komplett eigenständig zu machen.