0

我有一个名为_mixins.scss. 我把它和我的其他部分一起@use放在一个文件中。_index.scss我@forward所有这些都在我的home.scss文件中。

的内容_mixins.scss是

@mixin flexCenter($flex-direction){
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:$flex-direction;
    // If height is required, add manually
}

的内容_index.scss是

@use 'resets' as *;
@use 'fonts' as *;
@use 'mixins' as *;

（所有文件路径都正确）

@forward '../'; // imports all the styles from index.scss
// @import '../mixins';

.landing-section{
    @include flexCenter(row);

    height:100vh;
}

但是，当我尝试使用我的 mixin 时，出现错误。

Error: Undefined mixin.
@include flexCenter(row);

我的文件夹结构是

scss/home

_mixins.scss并且_index.scss在 scss 目录中，而home.scss在主目录中。

有趣的是，当我使用旧的 deprecated 时@import，我的 mixin 可以工作。我该如何解决这个问题？

4

0 回答 0