EmberJS Cannot set property 'store' of undefined (DS.hasMany)

Question

Firstly I have read the related issues on SO and none seem to help me.

I have 2 models, Foo and Bar. Foo has a property, bars, which hasMany Bar.

// FOO

export default DS.Model.extend({
  name: attr('string'),
  bars: hasMany('bar')
});

// BAR

export default DS.Model.extend({
  name: attr('string')
  foo: belongsTo('foo')
});

And the JSON payload:

{
  "name": "Something",
  "bars": [
    {
       "name": "something else"
    },
    {
       "name": "another one"
    }
  ]
}

I've been trying to figure this error out for a while but I am stuck.

Here is the jsbin. If you look in the browsers console (not the jsbin one) you can see the error.

Could you please demo this on emberjs.jsbin.com?

zeppelin
– zeppelin

2014-05-26 10:12:23 +00:00
Commented May 26, 2014 at 10:12 — zeppelin
– zeppelin, Commented May 26, 2014 at 10:12
I edited the question with the link.

Cjmarkham
– Cjmarkham

2014-05-26 10:36:30 +00:00
Commented May 26, 2014 at 10:36 — Cjmarkham
– Cjmarkham, Commented May 26, 2014 at 10:36

Marc Qualie · Accepted Answer · 2014-05-26 11:25:19Z

1

It looks like you are not specifying an ID for your "bar" objects. Each model needs an ID to make the object unque and know how to relate that to a resource. Changing your server output to the following should solve the issue:

{
  "name": "Something",
  "bars": [
    {
       "id": 1,
       "name": "something else"
    },
    {
       "id": 2,   
       "name": "another one"
    }
  ]
}

Another solution (IDs should really be there regardless) is to set "async" to true as follows:

export default DS.Model.extend({
  name: attr('string'),
  bars: hasMany('bar', { async: true })
});

This will cause EmberJS to load the data in the background and not block/causes errors with anything waiting on relationship resoltion.

answered May 26, 2014 at 11:25

Marc Qualie

7677 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

EmberJS Cannot set property 'store' of undefined (DS.hasMany)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related