Css sass编译问题与@use和@forward

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

我研究这个已经好几个小时了,快把我逼疯了。我试过3个编译器,它们都给出了相同的错误

错误:没有名为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等)?啊,是的,这很有效。我不知道这是飞镖的恶作剧,但它解决了问题。谢谢