2015-03-10 2 views
0

J'essaie d'utiliser Firebase avec mon application Ember. J'ai installé Emberfire mais mon application retourneFirebaseAdapter non reconnu sur mon application Ember

Uncaught TypeError: Cannot read property 'extend' of undefined

Parce qu'il ne lit pas « FirebaseAdapter »

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

J'ai vérifié si les données Ember est en cours de chargement avant Firebase et EmberFire aussi. Voici mes références de script:

<!-- 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> 

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

Toute idée? J'apprécie ton aide!

+0

btw Je le fais sans cliquetis. – sunoceansand

Répondre

4

Il semble que vous deviez inclure app.js après avoir inclus EmberFire. Il y a aussi un point-virgule manquant dans votre routeur après this.resource('stacks') mais je ne pense pas que cela cause l'erreur.

Nous venons de publier des mises à jour qui facilitent l'utilisation d'EmberFire en tant qu'addon clivé, je vous recommande de le vérifier. Les détails sont ici: https://www.firebase.com/blog/2015-03-09-new-emberfire-features.html

+0

Merci! C'est drôle parce que je regardais littéralement ta vidéo YouTube sur EmberFire hier. Très appréciée! – sunoceansand

+0

@sunoceansand De rien! Celui-là est assez désuet mais restez à l'écoute pour un autre bientôt. – Sara