Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Doesn't work with ember-cli-sass #268

Open
villander opened this issue Feb 16, 2022 · 0 comments
Open

Doesn't work with ember-cli-sass #268

villander opened this issue Feb 16, 2022 · 0 comments

Comments

@villander
Copy link

Ember-cli: 3.28.0
ember-css-modules: 1.5.0

I have an addon that expose bootstrap CSS using the hook treeForStyles and my addon has a scss file named ember-odyssey.scss on addon-name/app/styles to be imported in the consumer app to bring the those styles. Which means I opted to use the alternative addon usage

Now I added ember-css-modules to have the scoped CSS for my components, and I followed the Addon Usage in the README adding the .placeholder file and addon.scss file:

image

And put an include path to my sass files:

// my-addon/index.ts
options: {
   cssModules: {
     extension: 'scss',
     intermediateOutputPath: '_modules.scss'
   }
 }

https://github.com/salsify/ember-css-modules/blob/master/docs/PREPROCESSORS.md#modules-and-preprocessor-syntax-in-isolation

The output is:

Build Error (SassCompiler)

File not found: /app/styles/app.scss
in any of the following include paths:
  /var/folders/0v/jpdg1flj3qscvbvt728pgt8c0000gn/T/broccoli-167747o1QM182GSfj/out-179-simple_concat_concat


Stack Trace and Error Report: /var/folders/0v/jpdg1flj3qscvbvt728pgt8c0000gn/T/error.dump.0cde3e4f99e53614db8fc427095a1792.log

What I'm doing wrong here?

cc: @dfreeman

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant