EmberJS: Cannot read property 'typeKey' of undefined

Question

I imagine this one should be fairly simple, but I haven't gotten to the root of the problem and I'm still learning Ember-Data.

I have two models with a hasMany relationship between them:

App.User = DS.Model.extend({

  displayName: DS.attr('string'),
  email: DS.attr('string'),
  firstName: DS.attr('string'),
  lastName: DS.attr('string'),
  location: DS.attr('string'),
  messages: DS.hasMany('message')

});

App.Message = DS.Model.extend({

  user: DS.belongsTo('user'),
  createdAt: DS.attr('date'),
  updatedAt: DS.attr('date'),
  fullText: DS.attr('string'),
  subject: DS.attr('string'),
  recipients: DS.attr('string')

});

Ember-data retrieves a user from the server, output like so:

{  
   "user":[  
      {  
         "id":"3",
         "firstName":"A",
         "lastName":"User",
         "location":"",
         "email":"[email protected]",
         "displayName":"auser",
         "messages":[  
            {  
               "id":"3",
               "user":"3",
               "createdAt":"2014-08-06 20:08:38",
               "fullText":"Here is some text",
               "recipients":"",
               "subject":"Message subject (may not be needed)",
               "updatedAt":"2014-08-06 20:08:38"
            }
         ]
      }
   ]
}

However, when Ember attempts to populate the store with this response, I get the following error:

Error while loading route: TypeError: Cannot read property 'typeKey' of undefined
    at Ember.Object.extend.modelFor (http://www.musicicons.dev/assets/packages/ember-data/ember-data.js:10667:22)
    at Ember.Object.extend.recordForId (http://www.musicicons.dev/assets/packages/ember-data/ember-data.js:10112:21)
    at deserializeRecordId (http://www.musicicons.dev/assets/packages/ember-data/ember-data.js:11116:27)
    at deserializeRecordIds (http://www.musicicons.dev/assets/packages/ember-data/ember-data.js:11130:9)
    at http://www.musicicons.dev/assets/packages/ember-data/ember-data.js:11095:11
    at http://www.musicicons.dev/assets/packages/ember-data/ember-data.js:9317:20
    at http://www.musicicons.dev/assets/packages/ember/ember.js:3428:16
    at Object.OrderedSet.forEach (http://www.musicicons.dev/assets/packages/ember/ember.js:3271:10)
    at Object.Map.forEach (http://www.musicicons.dev/assets/packages/ember/ember.js:3426:10)
    at Function.Model.reopenClass.eachRelationship (http://www.musicicons.dev/assets/packages/ember-data/ember-data.js:9316:42)

If I remove or rename the hasMany relationship from my User model, the error goes away, so somehow I think my JSON is constructed incorrectly.

I just solved this myself for my own similar question, for anyone looking for a detailed breakdown of what the typeKey error means and steps to debug the issue yourself see my answer here: stackoverflow.com/questions/26540820/… — Evolve
– Evolve, Commented Oct 29, 2014 at 13:36

Community · Accepted Answer · 2017-05-23 11:46:52Z

6

Update

Ember Data does support it now: Ember-data embedded records current state?

Original

Ember Data doesn't support embedded records by default, meaning your json should really be in this format (if you are finding a user by id 3):

{  
   "user":
   {  
      "id":"3",
      "firstName":"A",
      "lastName":"User",
      "location":"",
      "email":"[email protected]",
      "displayName":"auser",
      "messages": [3]
    },
    "messages":[  
     {  
       "id":"3",
       "user":"3",
       "createdAt":"2014-08-06 20:08:38",
       "fullText":"Here is some text",
       "recipients":"",
       "subject":"Message subject (may not be needed)",
       "updatedAt":"2014-08-06 20:08:38"
     }
    ]  
}

Example: http://emberjs.jsbin.com/OxIDiVU/918/edit

You can read about Embedded records here: Ember-data embedded records current state?

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Aug 9, 2014 at 2:50

Kingpin2k

47.4k10 gold badges80 silver badges97 bronze badges

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

Comments

Johnny Oshika · Accepted Answer · 2014-11-09 00:32:23Z

6

Ember Data now supports embedded records, so all you need to do is define a custom serializer and Ember Data should accept your JSON payload as is. Here is the custom serializer that you need to define:

App.UserSerializer = DS.RESTSerializer.extend(DS.EmbeddedRecordsMixin, {
  attrs: {
    messages: {embedded: 'always'}
  }
});

This essentially tells Ember Data that 'messages' will be part of the user object graph.

If you're using ActiveModelSerializer, then it will look like this instead:

App.UserSerializer = DS.ActiveModelSerializer.extend(DS.EmbeddedRecordsMixin, {
  attrs: {
    messages: {embedded: 'always'}
  }
});

answered Nov 9, 2014 at 0:32

Johnny Oshika

58k41 gold badges197 silver badges286 bronze badges

1 Comment

givanse Over a year ago

1.0.0-beta.10 supports it, I'm guessing that was the first version

Karda · Accepted Answer · 2014-11-11 14:16:47Z

2

Maybe someone will find this information usefull and since this is the first hit on google for this errormassage:

This Error also occurs when your Model looks something like this:

App.Project = DS.Model.extend({
    customers: DS.belongsTo('customer')  
});

The Attribute is in plural-form but belongsTo and not hasMany is used

answered Nov 11, 2014 at 14:16

Karda

3232 silver badges8 bronze badges

1 Comment

Kyle Coberly Over a year ago

Ditto for the inverse- the inflector will freak out if you use "hasMany" and your attribute name isn't plural.

Collectives™ on Stack Overflow

EmberJS: Cannot read property 'typeKey' of undefined

3 Answers 3

Update

Original

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Update

Original

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest