liquid-outlet not working

[sibijohn72]

Hi,

The liquid-outlet tag is not working for a simple project i created. I just used the exact same code mentioned in the liquid-fire documentation but none of it comes up in the DOM. There are no errors in my console either.

Ember : 2.11.3 Ember Data : 2.12.2 jQuery : 3.2.1

[FilmKnurd]

Same here Ember : 2.13.3 jQuery : 3.2.1

[ef4]

Please try to provide a reproduction. The test suite is running the code from the documentation and it's passing, so there must be something more to it.

[FilmKnurd]

Using Ember CLI 2.13.3

1. $ ember new firetest
2. $ ember install liquid-fire
3. $ ember g route sub
4. Add transition.js to /app

export default function(){
  this.transition(
    this.fromRoute('index'),
    this.toRoute('sub'),
    this.use('toLeft'),
    this.reverse('toRight')
  );
}

5. Change /app/templates/application.hbs

{{link-to "Sub Route" "sub"}}

{{liquid-outlet}}

6. Update /app/templates/sub.hbs

<h1>Sub</h1>

7. $ ember s
8. Go to localhost:4200
9. Click link to sub route
10. No animation :-(

I've also tried making the from route application and adding duration options

[ef4]

Add transition.js to /app

Just realized that's not the right filename, it's app/transitions.js.

[ef4]

I think the best way to alleviate this class of problem is to add a default blueprint that generates an app/transitions.js file. That would be a great PR for somebody who wants to give it a go.

[FilmKnurd]

Doh!

I renamed the transitions file... and got this:

loader.js:244 Uncaught Error: Could not find module `liquid-fire/ember-internals` imported from `firestest/initializers/liquid-fire`

[FilmKnurd]

Made the blueprint #579

[FilmKnurd]

I don't know what the issue was. I think something funky with node versions and installed packages. Did a fresh install again on 2.14 and it works fine.

[FilmKnurd]

@sibijohn72 Have you tried again lately. I think this working.