reactjs - 我需要帮助 nextjs 样式
问题描述
我将组件级模块 scss 导入为
import styles from './SideDrawer.module.scss';
然后应用下面的scss
<div className={styles.container}></div>
但是,scss 没有生效。
注意:如果我使用
import './SideDrawer.module.scss';
然后应用下面的scss,它就可以工作了
<div className="container"></div>
next.config.js - 显示内置 css 已禁用
const withSass = require("@zeit/next-sass");
module.exports = withSass({
webpack(config) {
config.module.rules.push({
test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
issuer: {
test: /\.(js|ts)x?$/,
},
use: ['@svgr/webpack'],
});
return config;
},
});
如何使第一个导入样式起作用?
解决方案
这似乎是 Next.js 的一个限制。恢复到内置的 Sass。谢谢你们
推荐阅读
- r - 使用一个数据帧中的值作为在另一个数据帧上估计的模型的参数
- angular - SyntaxError: Unexpected token { - 运行量角器黄瓜测试时出错
- youtube-livestreaming-api - 如何查找 YouTube Live Chat Ban ID 以将其删除
- sql - 我想为每个选择查询获取数据“order by”,然后使用“Union All”将它们组合起来
- android - BottomSheetDialog 片段共享元素转换实现?
- python - 从oracle表中读取大量数据并提取到数据框中的最佳方法是什么
- ruby-on-rails - 如何从“date_select”中获取日期并进行验证?
- c# - 使用 TokenLookUpEdit 的 SelectedItems 填充 WPF Datagrid
- hive - 如何在 Dataproc 集群中为 Hive 2.1.0 启用 LLAP?
- java - 如何接受动态 json 响应并向该对象添加一个键值并从 Spring Boot 控制器返回相同的 JSONObject