Question

我将尽我所能并分解我面临的问题，而基本的总结是我有一个ember-cli项目，无论我做什么，索引路由都不会加载。但是我所有的其他路线都很好。

//破碎的路线图像 http://i.stack.imgur.com/KB7Mw.png

//工作路线图像 http://i.stack.imgur.com/YzheD.png

起初我认为也许这是我的车把模板。然后我更新到最新版本的ember-cli并使用了htmlbars，它仍未显示。所以我追踪了Promise，看看那里是否有任何希望：

VM66628:70 Ember Inspector (Promise Trace): Ember: Process errors from Router
at new Promise (http://localhost:4200/assets/vendor.js:59149:9)
at Promise.then (http://localhost:4200/assets/vendor.js:59387:21)
at Object.Transition.then (http://localhost:4200/assets/vendor.js:56759:29)
at didBeginTransition (http://localhost:4200/assets/vendor.js:34821:16)
at EmberObject.default.extend._doURLTransition (http://localhost:4200/assets/vendor.js:34104:7)
at EmberObject.default.extend.handleURL (http://localhost:4200/assets/vendor.js:34099:19)
at EmberObject.default.extend.startRouting (http://localhost:4200/assets/vendor.js:33986:38)
at exports.default.EmberObject.default.extend.startRouting (http://localhost:4200/assets/vendor.js:14194:14)
at Namespace.default.extend.didBecomeReady (http://localhost:4200/assets/vendor.js:14904:37)

VM66628:70 Ember Inspector ($E):  TypeError: Cannot read property 'extend' of undefined
at http://localhost:4200/assets/redberry-ios.js:1871:77
at mod.state (http://localhost:4200/assets/vendor.js:150:29)
at tryFinally (http://localhost:4200/assets/vendor.js:30:14)
at requireModule (http://localhost:4200/assets/vendor.js:148:5)
at requireFrom (http://localhost:4200/assets/vendor.js:121:12)
at reify (http://localhost:4200/assets/vendor.js:106:22)
at mod.state (http://localhost:4200/assets/vendor.js:149:17)
at tryFinally (http://localhost:4200/assets/vendor.js:30:14)
at requireModule (http://localhost:4200/assets/vendor.js:148:5)
at resolveOther (http://localhost:4200/assets/vendor.js:60054:20)

所以我认为我的路线/应用程序或路线/索引可能不好。

＆＃13;

//APPLICATION ROUTE
import Ember from '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 from 'ember';
export default Ember.Route.extend({

  model: function() {
   return this.store.find('product'); 
  },
  actions: {

  }
});

//A ROUTE THAT WORKS
import Ember from 'ember';

export default Ember.Route.extend({
  model: function() {
    return Ember.Object.create();
  },
  activate: function() {
    this._super();
    document.title = "Sign In";
  }
});

＆＃13;

现在我不确定该怎么想，因为我找不到任何关于此的文件。我觉得它不应该发生，但万一其他人有这个问题，我很想知道解决方案。

我的适配器：

＆＃13;

Ill be spending a few more hours looking into it, but the adapter looks fine:
import DS from 'ember-data';
import Ember from 'ember';
import ENV from "../config/environment";

Ember.$.ajaxSetup({
  crossDomain: true,
  xhrFields: {
    withCredentials: true
  }
});

export default DS.ActiveModelAdapter.extend({
  namespace: ENV.NAMESPACE,
  host: 'http://testing.herokuapp.com'
});

＆＃13;

更新

所以每个人都可以看到我没有通过dymanic段，虽然它说我这是我的模板的样子：

＆＃13;

<!--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 I am the Index and I 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 a 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>

＆＃13;

更新更新：

我发现动态细分是由创建错误资源引起的。删除后，我可以将其单一归结为一个错误。

处理路径时出错：index无法读取属性＆＃39;扩展＆＃39;未定义的TypeError：无法读取属性＆＃39; extend＆＃39;未定义的

Answer 1

“您似乎正在尝试在非ES6环境中运行ES6语法”

@milkywayjoe你是在正确的方向，但更大的问题是什么语法导致错误？我最终做了一个新的项目，然后逐个文件进行比较，唯一突出的是导入方法的变化。

我使用严格导入：

import 'project/utils/plugins';

但相对导入似乎是唯一可行的

import '../utils/plugins';

我能够找到另一个人遇到这个问题，看起来他们也得出了同样的结果。

Addon not working

他提到了Ember apps名称空间，但更具体地说是配置文件中设置的modulePrefix。这似乎是目前这个错误的唯一解决方案。

Emberjs应用程序加载除Index之外的所有路由

1 个答案: