我正在使用 FileName.module.scss 来设计我的反应元素，如下所示：
// this is my component
import React from "react";
import Aux from '../../hoc/Aux';
import classes from './Layout.module.scss';
const layout = (props) => (
<Aux>
<div>Toolbar, SideDrawer, Backdrop</div>
<main className={classes.Content}>
{props.children}
</main>
</Aux>
);
export default layout;
这是我的 SCSS：
.Content {
margin-top: 72px;
color:red;
}
我不知道为什么，但 scss 没有应用于我的主要元素，有什么想法吗？谢谢你！
您必须安装 node-sass 才能使用 scss 文件。
npm 安装node-sass --save-dev
您的代码似乎没问题，因为在 React 16.8 后您可以使用 css 和 scss 模块而无需配置 webpack。我建议你先检查你的 React 版本。如果您使用的 React
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
