Added Liquid Fire to Ember CLI project, {{liquid-outlet}} does nothing -
i added liquid fire ember cli 0.2.3 project following steps outline in tutorial: http://www.programwitherik.com/doing-animations-and-transitions-with-liquid-fire-and-ember/
i added liquid fire npm install --save-dev liquid-fire. added transitions.js file code outlined in tutorial. replaced {{outlet}} {{liquid-outlet}}. and...nothing. nothing happening. no errors in logs or console, , nothing displayed outlet is. i've tried tutorial says. missing step make {{liquid-outlet}} work?
i had same issue. problem wasn't using correct route names.
i enabled env.app.log_transitions = true;
option in /config/environment.js
. prints route names in console when transitioning, helped me write correct transitions in /app/transitions.js
. make sure add {{liquid-outlet}}
of outlets when nesting routes.
heres transitions.js
file:
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') ); }