Repository navigation
Addon Issues #8
Description
I get an Cannot find module error when trying to import my styles into my component in my addon. Example:
import Ember from 'ember';
import layout from './template';
import styles from './styles';
export default Ember.Component.extend({
layout,
styles
});
Pod folder structure:
-addon
-components
-toggle-switch
-component.js
-styles.css
-template.hbs
I'm not sure what is going on but it looks like styles.css is not being registered as a module in the resolver like template.hbs is.
Activity
dfreeman commentedon Mar 5, 2016
Do you have ember-css-modules included in your
dependenciesfor the addon?If it's in
devDependencies(which is whereember installwill save it by default), then it will only compile the styles in your dummy app, and not the addon itself – it's the same reason you have to move ember-cli-htmlbars todependencieswhen you ship an addon that has templates in it.timkendall commentedon Mar 5, 2016
That fixed it! Thanks dude appreciate the quick response. I added a PR for adding that instruction to the
Usage in Addonsportion of the README as this a non-obvious step for new Ember devs.dfreeman commentedon Mar 5, 2016
Glad it worked! Thanks for updating the README – there are definitely some gotchas when you get into the murkier corners of addon dependencies