EmberJS console error- Error while loading route: undefined

Question

I am a beginner in EmberJS. It would be great if you can give a detailed explanation. I have api end point for fetching the products which expects the GET request to the following url-

/api/products?date=2014-09-16&meal_type=2

Here, date and meal_type are the query parameters. My router.js looks like this-

    App.Router.map(function() {
      this.resource('products', { path: '/products/date/:date/meal/:mealType'} );
    });

    App.Router.reopen({
      location: 'history'
    });

The reason for this dynamic route is that the url of my application appears to be in the same format.

routes/product.js looks like-

    App.ProductsRoute = Ember.Route.extend({
      model: function(params) {
        return this.store.findQuery('product', {date: params.date, meal_type: params.mealType});
    },

      queryParams: {
        date: {
          refreshModel: true
        },
        mealType: {
          refreshModel: true
        }
      },

});

controller/products_controller.js

    App.ProductsController = Ember.ArrayController.extend({
      queryParams: ['date', 'meal_type'],
      date: null,
      meal_type: null,

      products: function() {
        return this.get('model.content');
      }.property()

I am getting an error on browser console-

Error while loading route: undefined

This appears to be in line ember.js?body=1:3522.

Any help would be highly appreciated. Thanks

try this: change /// this.resource('products', { path: '/products/date/:date/meal/:mealType'} );/// to this.resource('products');. As I suspect, the path is just to specify the url, and because you are routing with that url thus having such error. Try to log the params with the code I included, if the params is visible then you can go ahead and do whatever you are doing in your route. Hope it helps. — LanNguyen
– LanNguyen, Commented Sep 16, 2014 at 0:53
The url including path has been set for dynamic routing. I tried your solution but got an error Uncaught Error: Assertion Failed: Error: Assertion Failed: The URL '/products/date/2014-09-16/meal/1' did not match any routes in your application — Chirag Mongia
– Chirag Mongia, Commented Sep 16, 2014 at 5:13
of course, it would return an error. If you want a route with that url. It should be something like this: this.resource('products', function(){ this.resource('date', 'path': '/:products_date', function(){ this.resource('meal', 'path': '/:products_meal') }) }); — LanNguyen
– LanNguyen, Commented Sep 17, 2014 at 1:02

Chirag Mongia · Accepted Answer · 2014-09-30 11:50:03Z

1

After doing a lot of research on the error, I figured out the inconsistency in database. I resolved the error by restoring the consistent database dump.

Conclusion: EmberJS expects data to be consistent. Otherwise, it can raise errors which are difficult to debug.

answered Sep 30, 2014 at 11:50

Chirag Mongia

5554 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

EmberJS console error- Error while loading route: undefined

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