Использование mixins с Ember-cli?

Question

У меня есть mixin app/mixins/ui-listener.js, который я изо всех сил пытаюсь использовать с Ember-CLI. Я пытаюсь использовать подмешать со следующим синтаксисом:

import ListenerMixin from './mixins/ui-listener'; 
export default Ember.Component.extend(ListenerMixin,{ 
    // class definition 
} 

Это терпит неудачу, когда я сохранить его, жалуясь, что

ENOENT, нет такого файла или каталога «TMP/tree_merger-tmp_dest_dir-74tK3rvD .tmp/[приложение-имя] /components/mixins/ui-listener.js'

кажется забавным, что каталог „Примеси“ вложен в каталоге „компоненты“ (как угасающий-CLI помещает эти каталоги на том же уровне), но это может быть только шаг сборки Brocoli. В любом случае, любая помощь будет принята с благодарностью.

Answer 1

Я не знаю, как вы экспортировать подмешать, но это должно работать:

в mixins/ui-listener.js:

import Ember from 'ember'; 

export default Ember.Mixin.create({ 
//some stuff 
}); 

в components/my-component.js:

import Ember from 'ember'; 
import UiListenerMixin from '../mixins/ui-listener'; 

export default Ember.Component.extend(UiListenerMixin, { 
// some stuff 
}); 

Answer 2

Вместо добавления ../ (или еще хуже ../../../) в ваш импорт, вы можете пойти в свой config/environment.js и проверить недвижимость modulePrefix. Предположим, что префикс app-client.

Затем вы можете импортировать, используя вместо этого import UIListen from 'app-client/mixins/ui-listener';. Абсолютный работает лучше всего, если вы находитесь в «глубокой» подпрограмме и т. Д.