Ember 引擎组件不呈现内容答案

【问题标题】：Ember Engines Component does not render contentEmber 引擎组件不呈现内容
【发布时间】：2017-11-10 02:52:23
【问题描述】：

我继承了一个 ember 应用程序，但不知道如何将组件添加到引擎。

我尝试使用以下方法创建组件：

web-app$ ember g component about-profile -ir fs-engine
installing component
  create lib/fs-engine/addon/components/about-profile.js
  create lib/fs-engine/addon/templates/components/about-profile.hbs
installing component-test
  create tests/integration/components/about-profile-test.js
installing component-addon
  create lib/fs-engine/app/components/about-profile.js

然后我将以下内容添加到 lib/fs-engine/addon/templates/components/about-profile.hbs

<article>
  <h1>Test</h1>
  <p>Please work</p>
</article>

我尝试在模板文件 lib/fs-engine/addon/templates/gw/itemdetail.hbs 中调用此组件

<div>{{about-profile}}</div>

它返回空。什么都没有渲染。任何地方都不会显示错误消息。

我确信我缺少一些非常基本的东西，因为我是 Ember 新手，但我确实阅读了 Ember 引擎指南 (http://ember-engines.com/guide) 和 Ember 组件指南 (https://guides.emberjs.com/v2.12.0/components/defining-a-component/)。

感谢您的帮助！

【问题讨论】：

请检查itemdetail.hbs父hbs是否包含{{outlet}}？
我尝试将 {{outlet}} 添加到父 hbs 并没有解决问题。请注意，此引擎中目前还有其他组件可以工作，因此问题仅与我新创建的组件有关。

标签： ember.js components ember-engines

【解决方案1】：

事实证明，我能够通过停止“ember 服务器”然后在创建组件后重新启动它来解决此问题。就这么简单！

【讨论】：