2014-08-27 69 views
5

我試圖創建一個使用ember.js和灰燼數據的應用程序,使用以下版本:錯誤在處理路由錯誤與燼數據ember.js

DEBUG: Ember  : 1.7.0 
DEBUG: Ember Data : 1.0.0-beta.9 
DEBUG: Handlebars : 1.2.1 
DEBUG: jQuery  : 2.1.0 

我使用RESTAdapter連接到我使用node.js編寫的api。

只要我打開我不斷收到以下錯誤應用:

Error while processing route: students undefined is not a function TypeError: undefined is not a function 
    at http://localhost:9000/scripts/vendor/ember-data.js:12006:34 
    at tryCatch (http://localhost:9000/scripts/vendor/ember.js:45818:16) 
    at invokeCallback (http://localhost:9000/scripts/vendor/ember.js:45830:17) 
    at publish (http://localhost:9000/scripts/vendor/ember.js:45801:11) 
    at http://localhost:9000/scripts/vendor/ember.js:29069:9 
    at DeferredActionQueues.invoke (http://localhost:9000/scripts/vendor/ember.js:634:18) 
    at Object.DeferredActionQueues.flush (http://localhost:9000/scripts/vendor/ember.js:684:15) 
    at Object.Backburner.end (http://localhost:9000/scripts/vendor/ember.js:147:27) 
    at Object.Backburner.run (http://localhost:9000/scripts/vendor/ember.js:202:20) 
at apply (http://localhost:9000/scripts/vendor/ember.js:18382:27) 

下面是我使用的代碼(在我粘貼它相同的順序加載):

應用。 JS

var App = window.App = Ember.Application.create({ 
    LOG_ACTIVE_GENERATION: true, 
    LOG_TRANSITIONS: true, 
    LOG_TRANSITIONS_INTERNAL: false, 
    LOG_VIEW_LOOKUPS: true 
}); 

store.js

App.ApplicationAdapter = DS.RESTAdapter.extend({ 
    host: 'http://localhost:3000', 

    serializer: DS.RESTSerializer.extend({ 
     primaryKey: function(type) { 
      return '_id'; 
     }, 

     serializeId: function(id) { 
      return id.toString(); 
     } 
    }) 
}); 

型號/ student.js

App.Student = DS.Model.extend({ 
    firstName: DS.attr('string'), 
    lastName: DS.attr('string'), 
    nationality: DS.attr('string'), 
    createdAt: DS.attr('date') 
}); 

路線/ app_route.js

App.StudentsRoute = Ember.Route.extend({ 
    model: function() { 
     return this.store.find('student'); 
    } 
}); 

router.js

App.Router.map(function() { 
    this.resource('students', {path: '/'}); 
}); 

而下面是API的響應:

{ 
    students: [ 
     { 
      nationality: "Lorem", 
      lastName: "Doe", 
      firstName: "John", 
      _id: "53f87200f3750319b4791235", 
      createdAt: "2014-08-23T10:50:40.661Z" 
     }, 
     { 
      nationality: "Lorem", 
      lastName: "Doe", 
      firstName: "John", 
      _id: "53f87299f3750319b4791234", 
      createdAt: "2014-08-23T10:50:40.661Z" 
     } 
    ] 
} 

它看起來像店裏沒有加載來自API的數據,但JSON數據格式看起來不錯。任何想法可能是錯的?

謝謝!

+0

我覺得我有完全相同的錯誤,這開始時,我沒有使用1.7.0但1.8.0 -beta.1 ...切換回1.7.0修復了我。不知道爲什麼你有這個問題,但:( – Leeft 2014-08-27 15:05:56

+0

我相信你需要在'primaryKey'中使用一個字符串,而不是一個函數[基於文檔](http://emberjs.com/api/data/classes/DS .RESTSerializer.html#property_primaryKey)。例如'primaryKey:''。 – 2014-08-27 21:02:34

回答

3

所以堆棧溢出搜索更長時間後,我已經想通了,串行器現在已經是在比RESTAdapter一個單獨的類,所以工作代碼如下:

store.js

App.ApplicationAdapter = DS.RESTAdapter.extend({ 
    host: 'http://localhost:3000' 
}); 

App.ApplicationSerializer = DS.RESTSerializer.extend({ 
    primaryKey: '_id', 
    serializeId: function(id) { 
     return id.toString(); 
    } 
}); 
+0

對於那些使用'ember-cli'的人,請查看我的答案。 – 2015-05-12 00:30:12

0

我得到這個錯誤,並且它與任何常見的嫌疑犯無關。

在coffeescript中,我已經開始定義一個模型。

App.Cost = DS.Model.extend 
    amount:   DS.attr 'number' 
    active:   DS.attr 'boolean' 

要創建第二個模型,我C/P我的第一個模型,並刪除了屬性:

App.Cost = DS.Model.extend 

的回去,並試圖運行一個看似無關的模型

localhost:3000/products 

導致錯誤的原因

Error while processing route: products.index 

只要確保我的模型是正確命名的解決了這個錯誤:

App.Cost = DS.Model.extend(...) 
App.Price = DS.Model.extend(...) <- instead of repeating the Cost model 

這再次produceable,所以我想這可能是幫助他人。

2

以下是使用ember-cli的人的更新答案。

ember g adapter application #=> creates app/adapters/application.js 
ember g serializer application #=> creates app/serializers/application.js 

app/adapters/application.js

import DS from 'ember-data'; 

export default DS.RestAdapter.extend({ 
    host: 'http://localhost:3000' 
}); 

app/serializers/application.js

import DS from 'ember-data'; 

export default DS.RESTSerializer.extend({ 
    primaryKey: '_id', 
    serializeId: function(id) { 
    return id.toString(); 
    } 
});