NextJS Css模块抛出错误的BEM中的双下划线“__”

5n0oy7gb  于 2023-04-30  发布在  其他
关注(0)|答案(1)|浏览(106)

我是Nextjs和BEM命名约定的新手,我有一个使用BEM的nextjs项目,
在Header.js中

<div className={style.header}>
  <div className={style.header__logo}>Logo</div>
</div>

在Header.module.社会科学委员会

.header{
   height:100%;
   &__logo {
     height:100px;
   }
 }

当我奔跑的时候
语法错误:选择器“&__logo”不纯(纯选择器必须包含至少一个本地类或id),有人能帮我解决这个问题吗

6kkfgxo0

6kkfgxo01#

您应该将sass包添加到您的项目中,并将*.css文件重命名为*.scss,如下一步所述。js文档。

相关问题