FirebaseAdapter not recognized on my Ember app

Question

I'm trying to use Firebase with my Ember app. I installed Emberfire but my app returns

Uncaught TypeError: Cannot read property 'extend' of undefined

Because it doesn't read 'FirebaseAdapter'

App.ApplicationAdapter = DS.FirebaseAdapter.extend({
    firebase: new Firebase('https://glowing-fire-number.firebaseio.com/')
});

I checked if Ember data is being loaded before Firebase and EmberFire too. Here are my script references:

<!-- script references -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="http://maps.googleapis.com/maps/api/js?sensor=false&extension=.js&output=embed"></script>
    <script src="js/scripts.js"></script>

<script src="js/libs/jquery-1.11.2.min.js"></script> 
<script src="js/libs/handlebars-v1.3.0.js"></script>
<script src="js/libs/ember.js"></script>
<script src="js/libs/moment.js"></script>
<script src="http://builds.emberjs.com/tags/v1.0.0-beta.12/ember-data.js"></script>

<script src="js/app.js"></script>
<script src="vendor/list-view.js"></script>
<script src="js/controller.js"></script>

<script src="https://cdn.firebase.com/js/client/2.2.2/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/emberfire/1.3.3/emberfire.min.js"></script>

And my App.js

App = Ember.Application.create();

App.Router.map(function() {
  // put your routes here
  this.resource('stacks')
  this.resource('stack', {path: ':stack_id'}, function() {
        this.route('edit');
    }); 
    this.route('create');
  });


App.IndexRoute = Ember.Route.extend({
  beforeModel: function() {
    this.transitionTo('stacks');
  }
});

App.StacksRoute = Ember.Route.extend({
    model: function() {
        return this.store.findAll('stack');
    }
});

App.StackRoute = Ember.Route.extend({
    model: function(params) {
        return stacks.findBy('id', params.stack_id);
    }
});

Ember.Handlebars.helper('format-date', function(date) {
    return moment(date).fromNow();
});


App.CreateRoute = Ember.Route.extend({

});


//EmberFire stuff

App.ApplicationAdapter = DS.FirebaseAdapter.extend({
    firebase: new Firebase('https://glowing-fire-2514.firebaseio.com/')
});

App.Stack = DS.Model.extend({
  title: DS.attr('string'),
  location: DS.attr('string'),
  date: DS.attr('number'),
  details: DS.attr('string')
});

Any idea? I appreciate your help!

Answer 1

It looks like you need to include app.js after you include EmberFire. There's also a missing semicolon in your router after this.resource('stacks') but I don't think that's causing the error.

We just released some updates that make it much easier to use EmberFire as an ember-cli addon, I'd recommend checking it out. Details are here: https://www.firebase.com/blog/2015-03-09-new-emberfire-features.html