使用混合与Ember-cli？ [英] Using mixins with Ember-cli?

问题描述

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

I have a mixin app/mixins/ui-listener.js which I'm struggling to use with Ember-CLI. I'm trying to use the mixin with the following syntax:

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

当我保存它失败，抱怨

ENOENT，没有这样的文件或目录'tmp / tree_merger- tmp_dest_dir-74tK3rvD.tmp / [app-name] /components/mixins/ui-listener.js'

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的构建步骤，无论如何，任何帮助都将不胜感激。

It seems funny that the "mixins" directory is nested under the "components" directory (as Ember-CLI puts these directories at the same level) but this may just a Brocoli build step. Anyway, any help would be greatly appreciated.

推荐答案

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

I don't know how do you export your mixin but this should work:

mixins / ui-listener.js ：

import Ember from 'ember';

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

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

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

这篇关于使用混合与Ember-cli？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！