hinzugefügt Flüssiges Feuer zu Ember CLI-Projekt, {{Flüssigkeitsaustritts}} tut nichts

ich vor kurzem hinzugefügt Flüssiges Feuer meiner Ember CLI 0.2.3 Projekt im Anschluss an diese Kontur in diesem Tutorial die Schritte: http://www.programwitherik.com/doing-animations-and-transitions-with-liquid-fire-and-ember/hinzugefügt Flüssiges Feuer zu Ember CLI-Projekt, {{Flüssigkeitsaustritts}} tut nichts

I hinzugefügt Flüssigkeit Feuer mit npm install --save-dev liquid-fire. Ich habe eine Datei transitions.js mit dem im Tutorial beschriebenen Code hinzugefügt. Ich habe {{outlet}} durch {{liquid-outlet}} ersetzt. Und nichts. Nichts passiert. Keine Fehler in den Protokollen oder der Konsole und nichts wird angezeigt, wo die Steckdose ist. Ich habe genau das versucht, was das Tutorial sagt. Fehle ich einen Schritt, um {{liquid-outlet}} arbeiten zu lassen?

Quelle

2015-04-09 amhasler

Haben Sie mit diesem bekommen überall? Ich sehe genau das Gleiche. Ich habe die folgenden Vorschläge befolgt und kann sehen, dass meine Übergänge übereinstimmen. Der Inhalt für jede Route ist im DOM, aber ich kann es nicht im Browser sehen. –

Sie können Ihre Übergänge debuggen, indem Sie this.debug() als das letzte Argument in den Übergängen platzieren, die Ihrer Meinung nach übereinstimmen sollten. Für jeden Ausgang wird auf der Konsole gedruckt, warum die einzelnen Übergangsregeln nicht übereinstimmen.

Siehe hier: http://ef4.github.io/liquid-fire/#/transition-map/debugging-constraints

Quelle

2015-04-12 20:10:15

ich hatte das gleiche Problem. Mein Problem war, dass ich nicht die richtigen Routennamen verwendete.

Ich habe die Option ENV.APP.LOG_TRANSITIONS = true; in /config/environment.js aktiviert. Dadurch werden beim Übergang die Routennamen in der Konsole ausgegeben. Dadurch konnte ich die korrekten Übergänge in schreiben. Achten Sie außerdem darauf, bei der Verschachtelung von Routen alle Ihre Steckdosen mit {{liquid-outlet}} zu versehen.

Heres meine transitions.js Datei:

export default function(){ 
    this.transition(
     this.fromRoute('dashboard'), 
     this.toRoute('bots'), 
     this.use('toLeft'), 
     this.reverse('toRight') 
    ); 

    this.transition(
     this.fromRoute('bots.bot'), 
     this.toRoute('bots.create'), 
     this.use('toLeft'), 
     this.reverse('toRight') 
    ); 

    this.transition(
     this.fromRoute('bots.bot'), 
     this.toRoute('bots.index'), 
     this.use('toRight'), 
     this.reverse('toLeft') 
    ); 

    this.transition(
     this.fromRoute('bots.bot.index'), 
     this.toRoute('bots.bot.edit'), 
     this.use('toLeft'), 
     this.reverse('toRight') 
    ); 

    this.transition(
     this.fromRoute('bots.bot'), 
     this.toRoute('bots.bot.edit'), 
     this.use('toDown'), 
     this.reverse('toUp') 
    ); 
}

Quelle

2015-05-12 19:02:44 danillouz

Ich habe das gleiche Problem. Ich habe eine einzige Steckdose in application.hbs. Nach dem Voranstellen von "Flüssigkeit" wird nichts in den Auslass gerendert. Und app/transitions.js scheint nicht gelesen zu werden. Gibt es etwas, das gesetzt werden muss (zB in app.js), um das Addon zu laden? – brian

@brian irgendwie schwer zu sagen, ohne einen Code zu sehen .. Hier ist ein Link zu meinem [Repo] (https://github.com/danillouz/socialbot-client), vielleicht können Sie es überprüfen und sehen, ob Sie vermisst werden etwas. Hoffe das hilft. – danillouz

hatte ich das gleiche Problem.

Ich einfach transitions.js in / anstelle von /app/ verlegt. Jetzt funktioniert alles!

Dinge, die Sie ausprobieren können:

eine explizite Animation auf den {{liquid-outlet use="toLeft"}} Ausgang hinzufügen. Wenn das funktioniert, ist es wahrscheinlich Ihre app/transition.js Datei.
Hinzufügen this.debug() zu app/transition.js und sehen, ob es richtig protokolliert. Wenn ja, stimmen Ihre Routen überein? See example
Stellen Sie sicher, die gesamte transitions.js Datei in export default function() { ... };

Mit Ember CLI 1.13.13 einzuwickeln:

Quelle

2015-12-13 09:53:07

hinzugefügt Flüssiges Feuer zu Ember CLI-Projekt, {{Flüssigkeitsaustritts}} tut nichts

Antwort

Verwandte Themen