Next-plugins: Styles not loaded.

[loconluis]

Im using Next Js 6.0.x

When Im in Dev Mode my Stiles are loaded fine (im using sass)

But when I create a Build, Styles doest loaded, someone knows something about that??

[zachary95]

Might be related to #177

[jakeleboeuf]

I'm having the same issue, but using Postcss.

[alexlapinski]

@jakeleboeuf the fix for plain css seemed to be to move the import to the page level, and not in the _document file, maybe this will work for postcss as well?

[aequasi]

make sure you update @zeit/next-sass and @zeit/next-css to 0.2.0, solves this issue

[and3rsonsousa]

None of the solutions worked for me. I got the problem when I use "node server.js". The style.css file is not created, only using in dev mode "next". I am also using sass.

[Ionut-Milas]

Any updates on this one? I have the same issue ? @and3rsonsousa

[markolofsen]

Same issue

[aequasi]

What do you guys ee when you type npm ls @zeit/next-sass and npm ls @zeit/next-css?

[markolofsen]

npm ls @zeit/next-sass
└── @zeit/[email protected]

npm ls @zeit/next-css

├── @zeit/[email protected]
└─┬ @zeit/[email protected]
  └── @zeit/[email protected]  deduped

[webtjw]

@markolofsen @aequasi
I have the same issue too. But I soon found that the reason of styles not loading while using react routing in dev mode, might be using multi type of css languages. In my case I used sass and css in the same _document.js. Problem was saolved when I only use sass.

I think the config might be related to the problem. Here's my config in next.config.js:

const withCSS = require('@zeit/next-css')
const withSass = require('@zeit/next-sass')
const commonsChunkConfig = require('@zeit/next-css/commons-chunk-config')

const config = withCSS(withSass({
  webpack: (config, {isServer}) => {
    if (!isServer) {
      config = commonsChunkConfig(config, /\.(sass|scss|css)$/)
    }
    return config
  }
}))

module.exports =  config

[markolofsen]

@webtjw yes, I I prefered css in js instead sass — that's work.