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

Question

我正在尝试使用 react-datepicker我的 react 应用程序中的模块，但我很难尝试加载 react 日期选择器的 css 模块。我正在使用 next.js 在服务器端呈现我的应用程序。

我尝试实现 next 提供的 css 加载器来解决此类问题，但在尝试构建我的应用程序时遇到错误: error

我的 component.js 文件:

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

我的 nex.config.js 文件:

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

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

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

非常感谢

编辑:我最终直接从 <link href="/static/react-datepicker.css" rel="stylesheet" /> . Original post

Answer 1

您的 css 模块必须以 .module.css 结尾。

To use CSS Modules, import a CSS file named *.module.css from any component. ^src