css - 使用 NextJS 和 Next-CSS 进行 react : You may need an appropriate loader to handle this file type

Question

使用 NextJS 构建 React-App。要使用 css 文件，我使用 next-css 插件 来执行此操作。但是当我构建我的应用程序时，出现以下错误:

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

我的 next.config.js 文件如下所示:

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

我在组件中导入并使用 .css 文件，如下所示:

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

我的 css 文件看起来像这样:

.example {
  color: red;
 }

我的问题出在哪里？谁能帮我解决这个问题吗？

Answer 1

我解决了这个问题。在我的 next.config.js 中，我使用了多个插件。我的错误是我写了几个 module.exports 语句。就我而言，解决方案如下所示:

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

module.exports = withImages(withCSS());