Javascript 如何使用next.js加载CSS模块

我试图在我的react应用程序中使用

react datepicker

模块，但我很难加载react datepicker的css模块。我正在使用next.js在服务器端呈现我的应用程序

我试图实现next提供的css加载器来解决此类问题，但在尝试构建我的应用程序时出错：

My component.js文件：

import DatePicker from "react-datepicker";
import 'react-datepicker/dist/react-datepicker-cssmodules.css';

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

module.exports = withImages(
    withCSS({
        cssModules: true
    })
);

我的nex.config.js文件：

import DatePicker from "react-datepicker";
import 'react-datepicker/dist/react-datepicker-cssmodules.css';

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

module.exports = withImages(
    withCSS({
        cssModules: true
    })
);

你能告诉我我的导入或配置有什么问题吗？或者“最小化”属性（显示在错误消息上）是什么意思

非常感谢

编辑：我最终直接从中导入css

尝试在配置文件中使用Compose 我认为你需要像这样编写你的插件

// ... other imports
const compose = require('next-compose');

module.exports = compose([
  withImages(),
  withCss(),
  {
    webpack: (config) => {
      /**some special code */
      return config
    }
  }
]);

有关该插件的详细信息，请参见

您的代码很好！ 不要将CSS导入到组件中，而是尝试将其导入到您想要使用它的页面中

---

Next.js仅支持自定义页面CSS导入

您的css模块必须以

.module.css

结尾

要使用CSS模块，请从任何组件导入名为*.module.CSS的CSS文件

---

谢谢你的回答。我在尝试配置

next compose

时收到了相同的错误消息，它只是一种有效的语法糖，用plugina（用pluginb（用pluginc（…））去除了长链的

）