Emberjs: cannot read property 'type' of undefined

Question

I have created a model in my ember app called 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()

});

The data is pulled from JSON api: http://domain.com/data/ticketStats?blah=blah... So i have added a special adapter for this model called 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);
    }
});

I get the data for this model in route:

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
        });
    }
});

And, i get a TypeError:

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

Any ideas as to why this is happening? This error goes away when i remove the pathForType function in the adapter, but then i get another error about getting the data from http://domain.com/data/ticket-stats?... which is not the correct URL. I have to convert to camelCase, ticket-stats => ticketStats.

This is what my json looks like:

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

I also modified the application serializer by simply replacing JSONAPISerializer with JSONSerializer: app/serializers/application.js

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

export default JSONSerializer.extend({
});

Any help would be appreciated! I'm very new to Ember.

this is what my json looks like: { "get_avg_tickets": { .. }, "get_tickets_more": { ... }, "get_tickets": { ... } } — roca323
– roca323, Commented May 26, 2016 at 13:51
You have to implement serializer when use DS.EmbeddedRecordsMixin. — Alan Dong
– Alan Dong, Commented Nov 10, 2016 at 6:33

Chris Peters · Accepted Answer · 2016-06-28 14:41:59Z

6

you need to use this serializer here is the reference 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);
  },
});

your json should be in this format:

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

otherwise you need to normalize your response in normalizeQueryreponse of serilializer

Also ready following doc for your help http://thejsguy.com/2015/12/05/which-ember-data-serializer-should-i-use.html i hope it will help you. dont forget to accept my answer.

edited Jun 28, 2016 at 14:41

Chris Peters

18.2k6 gold badges52 silver badges65 bronze badges

answered May 26, 2016 at 14:21

Muhammad Ateek

1,0573 gold badges15 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Muhammad Ateek · Accepted Answer · 2016-05-26 13:56:05Z

0

you need to use serializers which are best suited for your json data.

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

This error is raising because your json data received from api is not fully fit into you application requirements for json formate.

Please Share json data here. because domain.com json url is not working. there are so many issues in your code. let me to guide you one by one

edited May 26, 2016 at 13:56

answered May 26, 2016 at 13:42

Muhammad Ateek

1,0573 gold badges15 silver badges24 bronze badges

3 Comments

roca323 Over a year ago

I did create a serializer for application so that it is using a JSONSerializer instead of JSONAPISerializer.

Muhammad Ateek Over a year ago

share the code of this serializer and also share json data. because your provided json url link is not working

roca323 Over a year ago

I edited the post to show what my JSON looks like as well as my serializer. The link to the JSON api is not supposed to work for you, it is on an intranet network.

Collectives™ on Stack Overflow

Emberjs: cannot read property 'type' of undefined

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related