javascript - 为什么 Ember.js / EAK 自动生成 ApplicationController 而不是使用我的显式 ApplicationController？

Question

我正在使用 Ember App Kit (EAK)。

当我加载索引页面时，Ember Inspector / Chrome Dev Tools 控制台会显示这一行：

*generated -> controller:application Object {fullName: "controller:application"}*

但是我已经明确地创建了一个应用程序控制器，这个 Ember 应用程序显然不知道（因为它会自动生成一个应用程序控制器）。

我试图在我的显式应用程序控制器上调用一个标题属性，并将其显示在我的应用程序模板中。

我究竟做错了什么？{{title}}模板中的 没有产生任何结果。

（我怀疑这与 EAK 通过 ES6 Module Transpiler 使用 ECMAScript 6 模块的方式有关。）

---

/site/app/templates/application.hbs

{{title}}

{{outlet}}

---

/site/app/controllers/application.js

var ApplicationController = Ember.Controller.extend({
    title: 'hello world'
});

export default ApplicationController;

---

Answer 1

有时有助于重新启动您的 grunt 服务器。

Answer 2

你的代码对我来说似乎没问题。您使用哪个 Ember.js 和 app-kit 版本？

我试图复制您的问题，但一切正常。您能否复制我的场景并验证它是否也适用于您？

我做了什么：

$ git clone git@github.com:stefanpenner/ember-app-kit.git
$ cd ember-app-kit
$ npm install

进行了这些代码更改（我的 git diff）：

diff --git a/app/controllers/application.js b/app/controllers/application.js
new file mode 100644
index 0000000..9d34ee0
--- /dev/null
+++ b/app/controllers/application.js
@@ -0,0 +1,5 @@
+var ApplicationController = Em.Controller.extend({
+    title: 'hello world'
+});
+
+export default ApplicationController;
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
index d08c11f..a373a71 100644
--- a/app/templates/application.hbs
+++ b/app/templates/application.hbs
@@ -1,3 +1,4 @@
 <h2 id='title'>Welcome to Ember.js</h2>
+{{title}}

 {{outlet}}

最后跑了

$ grunt server

当我打开 localhost:8000 时，一切正常（渲染了“hello world”）。你能试试吗？