如何在Ember应用程序中使用Glimmer组件？

Question

该微光网站的状态:

只需将您的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日）在余烬应用程序中使用微光，

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)