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

JavaScript React.js

十三神无

2020-03-24

我正在尝试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" />原始帖子

第3374篇《如何使用next.js加载CSS模块》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
阿飞 2020.03.24

您的代码很好!与其将CSS导入组件中,不如尝试将其导入到要使用它的页面中。

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android