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

问题描述 投票:9回答:2

Glimmer website说:

只需将您的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获得了一个新错误。

另外,每当我在people-list.hbs模板中的变量之前使用'@'时,模板就无法编译。如何在我的Ember应用程序中使用Glimmer组件?

javascript ember.js glimmer.js
2个回答
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


2
投票

今天(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 App:https://github.com/ember-cli/ember-octane-blueprint

© www.soinside.com 2019 - 2024. All rights reserved.