1

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;

4

2 に答える 2

1

あなたのコードは私には問題ないようです。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」がレンダリングされました)。試してみませんか?

于 2014-01-18T16:23:51.470 に答える