Css sass编译问题与@use和@forward
我研究这个已经好几个小时了,快把我逼疯了。我试过3个编译器,它们都给出了相同的错误Css sass编译问题与@use和@forward,css,django,sass,Css,Django,Sass,我研究这个已经好几个小时了,快把我逼疯了。我试过3个编译器,它们都给出了相同的错误 错误:没有名为flex的mixin 我的代码: // style.scss @use "mixins" as *; .home { .header { @include flex(column); padding: 20px 10px 0; text-align: center; } } // _mixins.scss @forward "mixi
错误:没有名为flex的mixin
我的代码:
// style.scss
@use "mixins" as *;
.home {
.header {
@include flex(column);
padding: 20px 10px 0;
text-align: center;
}
}
// _mixins.scss
@forward "mixins/flex";
@forward "mixins/overlay";
// mixins/_flex.scss
@mixin flex($flex-flow: row, $justify-content: center, $align-items: center) {
display: flex;
justify-content: $justify-content;
align-items: $align-items;
flex-flow: $flex-flow;
}
您需要使用使用Dart Sass的编译器
我建议使用。他们有一个免费版本和一个付费版本,两个版本之间最大的区别是免费版本有一个恼人的弹出窗口。您使用的是哪个sass版本(节点sass、dart sass等)?啊,是的,这很有效。我不知道这是飞镖的恶作剧,但它解决了问题。谢谢