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')     ); }