Loading styles results in build error

[kevinvangelder]

When I follow the documentation and do @import "ember-modal-dialog/ember-modal-sturcture"; I get the following build error: file to import not found or unreadable: ember-modal-dialog/ember-modal-structure

Loading the CSS files with relative paths was working until I tried to add the ember-tether gem which obviously isn't ideal.

@import "../../node_modules/ember-modal-dialog/app/styles/ember-modal-dialog/ember-modal-structure";

Any recommendations would be appreciated.

[kevinvangelder]

I just removed ember-tether and tether and my relative CSS paths are working again.

[FilmKnurd]

I have the same issue and I have neither gem installed.

[FilmKnurd]

Might be related to: https://github.com/ember-cli/ember-cli/issues/4658

[Dhaulagiri]

I'm seeing this issue as well with the latest release of ember-cli and ember-modal-dialog 0.7.5

[beverlyguillermo]

Yup me too with ember-cli 1.13.13, and I had to use

@import "node_modules/ember-modal-dialog/app/styles/ember-modal-dialog/ember-modal-structure";

[xcambar]

It doesn't help a lot, but still: :+1:

[amoroz]

I fixed this issue for ember-cli 1.13.13 by adding a relative path to the addon's styles into the ember-cli-build.js:

sassOptions: {
  includePaths: [
    'node_modules/ember-modal-dialog/app/styles'
  ]
},

After that I could import the addon's styles by:

@import "ember-modal-dialog/ember-modal-structure";
@import "ember-modal-dialog/ember-modal-appearance";

[saygun]

This problem still exists in ember-cli 2.8.0. None of suggested workarounds worked for me.

[jurecuhalev]

Solution from @amoroz fixed this for me on ember-cli: 2.12.0, and "ember-cli-sass": "^6.1.2",

[k-dauda]

Getting this error when ember-modal-dialog is in an addon on ember-cli 2.14 :(