组件的灰烬嵌套不起作用

时间:2014-12-21 02:24:17

标签: ember.js ember-cli

我有一个ember-cli项目,我的application.hbs设置看起来像这样。

 {{#site-navigation}}
    <h1>Welcome to turbo entertainment</h1>
 {{/site-navigation}}

site-navigation是一个看起来像这个

的组件
{{#nav-bar}}{{/nav-bar}}
  {{yield}}
{{#nav-footer}}{{/nav-footer}}

问题是<h1>Welcome to turbo entertainment</h1>呈现得非常好,但是 我的nav-barnav-footer根本没有出现。这是渲染的html

<div id="ember287" class="ember-view">
  <div id="ember316" class="ember-view site-navigation-view">
    <h1>this is helix entertainment</h1>
 </div> 
</div>

我已将classNames:[whateverThisComponentIs-view]添加到我的每个组件中,以便我可以识别渲染。但是可见,我没有看到名为nav-bar-viewnav-footer-view的容器。

我正在使用ember-cli --version 0.1.4

2 个答案:

答案 0 :(得分:1)

你说你正在屈服

<h1>Welcome to turbo entertainment</h1>

到网站导航组件但是当它被渲染时你会看到

<h1>this is helix entertainment</h1>

在撰写问题时这是一个错误吗?如果没有,您确定要调试正确的应用程序或正确版本的应用程序吗?如果您在ember cli中使用liveReload,请确保重新启动ember serve以确保所有内容都已正确编译并且所有模板都是最新的。

答案 1 :(得分:0)

问题是某些节点模块未正确安装。我基本上删除了应用程序并重新启动了整个项目,确保我对整个项目进行了npm update。这样做了。