ember.js - started - ember startup

Usando mixins con Ember-cli?

Question

Tengo una app/mixins/ui-listener.js mixin app/mixins/ui-listener.js que estoy luchando por usar con Ember-CLI. Estoy tratando de usar el mixin con la siguiente sintaxis:

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

Esto falla cuando lo guardo, quejándome de que

ENOENT, no existe ningún archivo o directorio ''tmp / tree_merger-tmp_dest_dir-74tK3rvD.tmp / [app-name] /components/mixins/ui-listener.js''

Parece extraño que el directorio "mixins" esté anidado en el directorio "components" (ya que Ember-CLI coloca estos directorios en el mismo nivel) pero esto puede ser solo un paso de compilación de Brocoli. De todos modos, cualquier ayuda sería muy apreciada.

Answer 1

No sé cómo exportas tu mixin, pero esto debería funcionar:

en mixins/ui-listener.js :

import Ember from ''ember'';

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

en components/my-component.js :

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

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

Answer 2

En lugar de agregar ../ (o incluso peor ../../../ ) en sus importaciones, puede ir a su config/environment.js y verificar la propiedad modulePrefix . Digamos que el prefijo es app-client .

Luego, puede importar usando import UIListen from ''app-client/mixins/ui-listener''; en lugar. Absolute funciona mejor si estás en una subrutada "profunda", etc.