Question

只需将您的Glimmer组件放入Ember应用程序即可。你不需要改变一件事。

我一直关注官方Ember quick start tutorial。我用以下代码替换了生成的people-list.js组件的内容：

import Component from '@glimmer/component';

export default class PeopleList extends Component {

}

我在浏览器控制台中收到错误，指出@glimmer/component未定义。在我运行yarn add @glimmer/component以添加依赖项后，我从Broccoli获得了一个新错误。

此外，每当我使用＆＃39; @＆＃39;在people-list.hbs模板中的变量之前，模板无法编译。如何让Glimmer组件在我的Ember应用程序中运行？

Answer 1

目前，您无法将其用于现有的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）

Answer 2

要在今天（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

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

2 个答案: