ember.js - Cannot read property 'connectOutlet' of undefined TypeError: -

here route. when calling route using trasitiontoroute method controller getting error.

here router :

 app.allsectionsroute = ember.route.extend({       rendertemplate: function() {         //this._super();           this.render('fire', { outlet: 'fire', into: 'allsections' });          this.render('gas', { outlet: 'gas', into: 'allsections' });      } }); 

here template :

<script type="text/x-handlebars" data-template-name="allsections">         <hr/>         <hr/>         <div class='outletarea'>             {{outlet "fire"}}         </div>         <hr/>         <div class='outletarea'>             {{outlet "gas"}}         </div>     </script> 

if don't call this._super(controller, model); statement, @ time getting error of connectoutlet of undefined.

but when call statement, error not come out, templates have render "fire" , "gas" template "allsections" not rendered. rendered current template "allsections", template open.

please suggest me if going wrong.....

not sure else you're doing, can't reproduce issue. i've created jsbin simulate scenario , works fine. i'm calling this._super() tho:

app.allsectionsroute = ember.route.extend({   rendertemplate: function() {      this._super();       this.render('fire', {        into: 'allsections',        outlet: 'fire'      });       this.render('gas', {        into: 'allsections',        outlet: 'gas'      });    } });