如何在Ember應用程序中使用Glimmer組件？

Question

Glimmer網站指出：

只需將您的Glimmer組件放入Ember應用程序即可。 你不需要改變一件事。

我一直在關注官方的Ember快速入門教程 。 我用這個替換了生成的people-list.js組件的內容：

import Component from '@glimmer/component';

export default class PeopleList extends Component {

}

我在瀏覽器控制台中收到錯誤，指出@glimmer/component未定義。 在我運行yarn add @glimmer/component以添加依賴項之后，我從Broccoli獲得了一個新錯誤。

另外，每當我在people-list.hbs模板中的變量之前使用'@'時，模板就無法編譯。 如何在我的Ember應用程序中使用Glimmer組件？

Answer 1

今天（2019年5月1日）在ember app中使用glimmer，

yarn add --dev @glimmer/component@beta

然后

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';

export default class MyComponent extends Component {
  @tracked number = 0;

  increment() {
    this.number++;
  }
}

要了解這一點，請查看新的Octane應用程序： https ： //github.com/ember-cli/ember-octane-blueprint

Answer 2

目前，您無法將其用於現有的ember應用程序。 但你可以嘗試全新的應用程序。 通過安裝ember new my-glimmer-app -b https://github.com/glimmerjs/glimmer-blueprint.git

如果你使用yarn global add ember-cli/ember-cli那么你需要卸載現有的ember-cli（ npm uninstall -g ember-cli ）