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

5n0oy7gb 于 2023-04-30 发布在其他

关注(0)|答案(1)|浏览(107)

我是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），有人能帮我解决这个问题吗

1条答案

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