javascript - Emberjs application loads on all routes except Index -

javascript - Emberjs application loads on all routes except Index -

i'm going seek best , break downwards problem im facing here, , basic summary have ember-cli project , no matter index route not load. other routes load fine.

//broken route image http://i.stack.imgur.com/kb7mw.png

//working route image http://i.stack.imgur.com/yzhed.png

at first thought maybe handlebars template. updated latest version of ember-cli , used htmlbars, still not showing. traced promise see if there hope there:

vm66628:70 ember inspector (promise trace): ember: process errors router @ new promise (http://localhost:4200/assets/vendor.js:59149:9) @ promise.then (http://localhost:4200/assets/vendor.js:59387:21) @ object.transition.then (http://localhost:4200/assets/vendor.js:56759:29) @ didbegintransition (http://localhost:4200/assets/vendor.js:34821:16) @ emberobject.default.extend._dourltransition (http://localhost:4200/assets/vendor.js:34104:7) @ emberobject.default.extend.handleurl (http://localhost:4200/assets/vendor.js:34099:19) @ emberobject.default.extend.startrouting (http://localhost:4200/assets/vendor.js:33986:38) @ exports.default.emberobject.default.extend.startrouting (http://localhost:4200/assets/vendor.js:14194:14) @ namespace.default.extend.didbecomeready (http://localhost:4200/assets/vendor.js:14904:37) vm66628:70 ember inspector ($e): typeerror: cannot read property 'extend' of undefined @ http://localhost:4200/assets/redberry-ios.js:1871:77 @ mod.state (http://localhost:4200/assets/vendor.js:150:29) @ tryfinally (http://localhost:4200/assets/vendor.js:30:14) @ requiremodule (http://localhost:4200/assets/vendor.js:148:5) @ requirefrom (http://localhost:4200/assets/vendor.js:121:12) @ reify (http://localhost:4200/assets/vendor.js:106:22) @ mod.state (http://localhost:4200/assets/vendor.js:149:17) @ tryfinally (http://localhost:4200/assets/vendor.js:30:14) @ requiremodule (http://localhost:4200/assets/vendor.js:148:5) @ resolveother (http://localhost:4200/assets/vendor.js:60054:20)

so thought maybe route/application or route/index bad.

class="snippet-code-js lang-js prettyprint-override">//application route import ember 'ember'; export default ember.route.extend({ actions: { sessionauthenticationfailed: function(params) { this.controllerfor('sessions/new').set('errormessage', params.error); }, error: function(error, transition) { this.render('error', { into: 'application' }); } } }); //index route import ember 'ember'; export default ember.route.extend({ model: function() { homecoming this.store.find('product'); }, actions: { } }); //a route works import ember 'ember'; export default ember.route.extend({ model: function() { homecoming ember.object.create(); }, activate: function() { this._super(); document.title = "sign in"; } });

and im not sure think because can't find documentation on this. sense shouldn't occurring in case else has issue love know solution.

my adapter:

class="snippet-code-js lang-js prettyprint-override">ill spending few more hours looking it, adapter looks fine: import ds 'ember-data'; import ember 'ember'; import env "../config/environment"; ember.$.ajaxsetup({ crossdomain: true, xhrfields: { withcredentials: true } }); export default ds.activemodeladapter.extend({ namespace: env.namespace, host: 'http://testing.herokuapp.com' });

update:

so can see im not passing dymanic segments although says template looks like:

class="snippet-code-html lang-html prettyprint-override"><!--application.hbs--> {{outlet "modal"}} {{partial "header"}} <div class="interior"> <div class="wrapper"> <div class="row"> <div class="span14 list-view"> {{outlet}} </div> </div> </div> {{partial "footer"}} </div> <!--header.hbs--> <div class="nav"> <ul class="ul-left"> <li>{{#link-to 'index' tagname="a"}} <h1><i class="rb-redberry error"></i></h1><!--{{make-title titlename}}--> {{/link-to}}</li> </ul> <ul class="ul-right"> </ul> </div> <!--header.hbs--> <h1>hello index , loaded</h1> <!--footer.hbs--> <div id="footer"> <div class="span14"> <div class="row centered"> <div class="span9"> <ul> <li>home</li> <li>shop</li> <li>about us</li> <li>blog</li> <li>become seller</li> <li>contact us</li> <li>terms of use</li> </ul> </div> <div class="span3"> <div class="row"></div> <div class="row"></div> </div> </div> </div> </div>

updated update:

i figured out dynamic segments beingness caused creating error resource. after removing able single downwards 1 error.

error while processing route: index cannot read property 'extend' of undefined typeerror: cannot read property 'extend' of undefined

"it seems you're trying run es6 syntax in non-es6 environment"

@milkywayjoe in right direction bigger question syntax caused error? ended doing ember new project, comparing file file , thing stood out alter in import method.

i using strict import:

import 'project/utils/plugins';

but relative import seems thing works

import '../utils/plugins';

i able find 1 other person issue , seems came same result.

addon not working

he mentions ember apps namespace more moduleprefix thats set in config file. seems solution error right now.

javascript ember.js