Emberjs：无法读取未定义的属性 'type'

Question

我在我的 ember 应用程序中创建了一个名为 ticket-stats 的模型：

import Model from 'ember-data/model';
import attr from 'ember-data/attr';

export default Model.extend({

    get_tickets_more: attr(),
    get_tickets: attr(),
    get_avg_tickets: attr()

});

数据来自JSON api: http://domain.com/data/ticketStats?blah=blah... 所以我为这个模型添加了一个特殊的适配器，叫做 ticket-stats:

import JSONAPIAdapter from 'ember-data/adapters/json-api';

export default JSONAPIAdapter.extend({

    host: 'http://domain.com',
    namespace: 'data',

    pathForType: function(type) {
        return Ember.String.camelize(type);
    }
});

我在路线中获取此模型的数据：

import Ember from 'ember';

export default Ember.Route.extend({

    model () {
        var ticketData;
        this.store.query('ticket-stats', { teamID: 218, attUID: 'oc7569', useProd: 1})
                .then(function(stats) { ticketData = stats; });

        return Ember.RSVP.hash({
            currentUser: this.currentUser,
            ticketStats: ticketData
        });
    }
});

而且，我得到一个类型错误：

ember.debug.js:32096 TypeError: Cannot read property 'type' of undefined
    at _pushInternalModel (store.js:1524)
    at push (store.js:1501)
    at finders.js:171
    at Object.Backburner.run (ember.debug.js:678)
    at _adapterRun (store.js:1733)
    at finders.js:168
    at tryCatch (ember.debug.js:53806)
    at invokeCallback (ember.debug.js:53821)
    at publish (ember.debug.js:53789)
    at ember.debug.js:32054onerrorDefault @ ember.debug.js:32096exports.default.trigger @ ember.debug.js:54476(anonymous function) @ ember.debug.js:55727Queue.invoke @ ember.debug.js:333Queue.flush @ ember.debug.js:397DeferredActionQueues.flush @ ember.debug.js:205Backburner.end @ ember.debug.js:560(anonymous function) @ ember.debug.js:1126

关于为什么会发生这种情况有什么想法吗？当我删除适配器中的 pathForType 函数时，此错误消失，但随后我收到另一个有关从 http://domain.com/data/ticket-stats 获取数据的错误？...这是不正确的 URL。我必须转换为驼峰式，ticket-stats => ticketStats.

这是我的 json 的样子：

{
   "get_avg_tickets": { ... },
   "get_tickets_more": { ... },
   "get_tickets": { ... }
}

我还修改了应用程序序列化程序，只需将 JSONAPISerializer 替换为 JSONSerializer: app/serializers/application.js

import JSONSerializer from 'ember-data/serializers/json';

export default JSONSerializer.extend({
});

如有任何帮助，我们将不胜感激！我是 Ember.

的新手

Answer 1

您需要使用最适合您的 json 数据的序列化程序。

http://emberjs.com/api/data/classes/DS.JSONAPISerializer.html

出现此错误是因为您从 api 收到的 json 数据不完全符合您对 json 甲酸盐的申请要求。

请在此处分享 json 数据。因为 domain.com json url 不工作。您的代码中有很多问题。让我一一指导你

Answer 2

你需要使用这个序列化器这里是参考link http://emberjs.com/api/data/classes/DS.EmbeddedRecordsMixin.html

import DS from 'ember-data';

export default DS.RESTSerializer.extend(DS.EmbeddedRecordsMixin, {
  normalizeQueryResponse(store, primaryModelClass, payload, id, requestType) {
    payload = { ticketStats: payload };
    return this.normalizeArrayResponse(store, primaryModelClass, payload, id, requestType);
  },
});

您的 json 应采用以下格式：

{
   "get_avg_tickets": 45,
   "get_tickets_more": propertyvalue,
   "get_tickets": propertyvalue
}

否则您需要在序列化器的 normalizeQueryreponse 中规范化您的响应

也准备好按照文档为您提供帮助 http://thejsguy.com/2015/12/05/which-ember-data-serializer-should-i-use.html 我希望它能帮助你。不要忘记接受我的回答。

Emberjs：无法读取未定义的属性 'type'

Emberjs: cannot read property 'type' of undefined

ember.js

ember-data

Emberjs：无法读取未定义的 属性 'type'

Emberjs: cannot read property 'type' of undefined

ember.js

ember-data

Emberjs：无法读取未定义的属性 'type'