React with NextJS and Next-CSS: You may need an appropriate loader to handle this file type

Question

To building a React-App i using NextJS. To use a css-file, i use the next-css plugin to do that. But when i build my App, i get the following error:

Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.

My next.config.js file, looks like this:

// next.config.js
const withCSS = require('@zeit/next-css')
module.exports = withCSS({
  cssModules: false,
})

I importe and use a .css-file in my components as follows:

import '../style.css'
export default () => <div className="example">Hello World!</div>

My css-file Looks like this:

.example {
  color: red;
 }

Where is my issue? Can anyone help me to fix that?

Answer 1

I solved the problem. In my next.config.js i use multiple plugins. My mistake was that I had written several module.exports statements. In my case, the solution looks like this:

//next.config.js
const withImages = require('next-images');
const withCSS = require('@zeit/next-css');

module.exports = withImages(withCSS());