Question

我不知道为什么我的scss模块不起作用。好像我放在scss文件中的内容未在网络中呈现

这是我的代码：

style.module.scss

.title {
    color: cornsilk;
}

index.js

  render() {
    return (
..... Lots of code above
        <div className={styles['title']}>
          hi
        </div>
..... Lots of code below
    );
  }

注意：这不是文件导入或导出错误。我检查了拼写错误和所有内容。

Answer 1

如果您使用一个scss文件，请在根目录中打开_app.js文件。并在此处添加您的scss。

import '../styles/Style.scss'


export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

也可以使用module.scss 您是在index.js顶部导入模块页面吗？或任何页面名称是什么？应该可以。

Module.scss无法对组件进行样式设置

1 个答案: