Verwenden Sie Mixins mit Ember-CLI?

Question

Ich habe eine Mixin app/mixins/ui-listener.js, die ich mit Ember-CLI zu kämpfen habe. Ich versuche, die mixin mit folgenden Syntax:

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

Dies schlägt fehl, wenn ich es speichern, beschweren, dass

ENOENT, keine solche Datei oder das Verzeichnis ‚tmp/tree_merger-tmp_dest_dir-74tK3rvD tmp/[app-name] /components/mixins/ui-listener.js'

Es scheint komisch, dass die "Mixins" Verzeichnis unter dem "Komponenten" Verzeichnis verschachtelt ist (wie Ember-CLI diese Verzeichnisse legt auf der gleichen Ebene), aber das kann nur ein Brocoli Build Schritt. Wie auch immer, jede Hilfe würde sehr geschätzt werden.

Answer 1

Ich weiß nicht, wie Sie Ihre mixin exportieren aber dies sollte funktionieren:

in mixins/ui-listener.js:

import Ember from 'ember'; 

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

in components/my-component.js:

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

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

Answer 2

Statt ../ der Zugabe (oder noch schlechter ../../../) in Ihre Importe, können Sie zu Ihrem config/environment.js gehen und nach der Eigenschaftsuchen. Nehmen wir an, das Präfix ist app-client.

Dann können Sie stattdessen mit import UIListen from 'app-client/mixins/ui-listener'; importieren. Absolute funktioniert am besten, wenn Sie sich in einer "tiefen" Unterroute usw. befinden.