Как использовать компоненты Glimmer в приложении Ember?

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 чтобы добавить зависимость, я получаю новую ошибку от брокколи.

Кроме того, всякий раз, когда я использую '@' перед переменной в people-list.hbs шаблон, шаблон не компилируется. Как заставить компонент Glimmer работать в моем приложении Ember?

Answer 1

Чтобы использовать мерцание в приложении ember сегодня (1 мая 2019 г.),

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)