Ember: Error while loading route: TypeError: Object function… has no method 'create'

Question

I've taken over a slightly broken ember project, but I can't get even the most basic model to work. I've commented out all of the code of the former project, and have basically just this:

App = Ember.Application.create();

App.ApplicationAdapter = DS.FixtureAdapter.extend

App.Admin = DS.Model.extend(
  userName: DS.attr("string")
  roles: DS.attr("string")
)

App.Admin.FIXTURES = [
  {
    userName: 'Tester One'
    roles: 'six-sided die'
  }
  {
    userName: 'Tester Two'
    roles: 'four-sided die'
  }
]

App.Router.map ->
  @route 'about', { path: '/about' }
  @resource 'admins', { path: '/admins' }

App.AdminsRoute = Ember.Route.extend
  model: ->
    return @store.find('admin')

It's built inside of a Rails 4.0.1 app (running 0.14.1 of ember-rails and 1.3.2 of ember-source). When I go to the root page, I see the proper ember template. When I click on the link for about, I get routed to the about template. But when I click on admins or go to /admins, instead of having it render the admins template (which is just some static text), I get this error in my js console:

Error while loading route: TypeError: Object function () {
    var Class = makeCtor(), proto;
    Class.ClassMixin = Mixin.create(this.ClassMixin);
    Class.PrototypeMixin = Mixin.create(this.PrototypeMixin);

    Class.ClassMixin.ownerConstructor = Class;
    Class.PrototypeMixin.o...<omitted>... } has no method 'create'

followed by a bunch of backtraces inside the ember code. I don't call create anywhere, and it was giving a similar error for the other models in the app that I've (since) commented out. I've tried to build this following the ember guide as something that would work for sure.

The Ember inspector sees an admins route named AdminsRoute using the AdminsController and admins template at /admins.

Simply put, I don't know how to debug this any further.

I've tried several versions of ember/-data, but currently I'm using 1.4.0-beta.6 and 1.0.0-beta.6 and getting this error still.

Thanks!

Restart Chrome and the error is different: Error while loading route: TypeError: undefined is not a function. Try on Firefox and the error is different still: Error while loading route: instantiate@http://localhost:3000/ etc. — Moacir
– Moacir, Commented Feb 9, 2014 at 20:53

Marcio Junior · Accepted Answer · 2014-02-10 00:13:01Z

3

This is a common mistake when using coffeescript with ember, you have to update

App.ApplicationAdapter = DS.FixtureAdapter.extend

to

App.ApplicationAdapter = DS.FixtureAdapter.extend()

answered Feb 10, 2014 at 0:13

Marcio Junior

19.1k4 gold badges47 silver badges47 bronze badges

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

1 Comment

Moacir Over a year ago

That seems to have done the trick. Thanks. But I'll use the DS.Store.extend… adapter syntax going forward.

MartinElvar · Accepted Answer · 2014-02-09 22:45:46Z

0

Could it be the missing comma?

App.Admin.FIXTURES = [
  {
    userName: 'Tester One'
    roles: 'six-sided die'
  }
  {
    userName: 'Tester Two'
    roles: 'four-sided die'
  }
]

to

App.Admin.FIXTURES = [
  {
    userName: 'Tester One'
    roles: 'six-sided die'
  },
  {
    userName: 'Tester Two'
    roles: 'four-sided die'
  }
]

answered Feb 9, 2014 at 22:45

MartinElvar

5,8046 gold badges43 silver badges57 bronze badges

1 Comment

Moacir Over a year ago

Thanks, but I tried that, too. In CoffeeScript, those commas are optional.

chopper · Accepted Answer · 2014-02-09 23:32:17Z

0

Try giving the models in your fixtures a unique id

answered Feb 9, 2014 at 23:32

chopper

6,7397 gold badges40 silver badges56 bronze badges

1 Comment

Moacir Over a year ago

This was necessary once the server saw the models. When I posted the query, I hadn't even gotten that far yet! Thanks!

Moacir · Accepted Answer · 2014-02-10 08:25:17Z

0

I suspected something might be up with the upgrade process, and it was an imperfect implementation of the store.

store.coffee had read simply:

App.ApplicationAdapter = DS.FixtureAdapter.extend

I changed that to:

App.Store = DS.Store.extend
  adapter:DS.FixtureAdapter

And it worked fine (though I did have to add ids, as @chopper noted). Seeing as we'll be using an api for the store, I'll stick to this variant, though @marcio-junior's suggestion also worked! Thanks!

answered Feb 10, 2014 at 8:25

Moacir

657 bronze badges

Collectives™ on Stack Overflow

Ember: Error while loading route: TypeError: Object function… has no method 'create'

4 Answers 4

1 Comment

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related