ember.js - 在 Ember-cli 中使用 mixins？

Question

我有一个 mixin app/mixins/ui-listener.js我正在努力与 Ember-CLI 一起使用。我正在尝试使用具有以下语法的 mixin:

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

当我保存它时，这失败了，提示说

ENOENT, no such file or directory 'tmp/tree_merger-tmp_dest_dir-74tK3rvD.tmp/[app-name]/components/mixins/ui-listener.js'

“mixins”目录嵌套在“components”目录下似乎很有趣(因为 Ember-CLI 将这些目录放在同一级别)，但这可能只是 Brocoli 构建步骤。无论如何，任何帮助将不胜感激。

Answer 1

我不知道你如何导出你的 mixin 但这应该有效:

在 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
});