我正在尝试react-datepicker
在我的React App中使用该模块,但是在尝试加载react-datepicker的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
})
);
您能告诉我我的导入或配置出了什么问题吗?或“最小化”属性(显示在错误消息上)是什么意思?
非常感谢
编辑:我最终通过直接从导入css结束了
<link href="/static/react-datepicker.css" rel="stylesheet" />
。原始帖子
您的代码很好!与其将CSS导入组件中,不如尝试将其导入到要使用它的页面中。
Next.js仅支持自定义页面CSS导入。