CSS not being compiled in non-pages directory

[fandy]

I currently have my project setup with Emotion but have tried Sass modules as well. It compiles styles in the pages dir, but not elsewhere. Is this a Next.js issue, or is there something wrong with the way I set it up? When I tried with Sass modules I encountered the same problem, where the styles would exist if the component was in pages but not in another root dir.

Styles exist in pages

Styles do not exist in components

The weird thing is, the className is there but just not the styles for it.

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Has styles in the Header className

Current Behavior

Header className is being referenced but contains no styles. However, the styles in pages does.

[pklada]

Your screenshots appear to be the same.

But, I'm getting a similar behavior when using css modules.

config:

test style (in styles.scss)

markup

result

You can see the class is generated, but no styles are actually being applied (color, background-color)

Is this a known issue?

[timneutkens]

@pklada try upgrading to next@canary and installing the latest next-css. Should be fixed.

[pklada]

@timneutkens will do. thanks for the quick reply!

[fandy]

Upgrading to next@canary fixed it for me. 🙌