文章/答案/技术大牛

发布

社区首页 >问答首页 >未定义的混合素sass

问未定义的混合素sass
EN

Stack Overflow用户

提问于 2022-11-02 17:05:36

回答 1查看 48关注 0票数 0

当我在组件中使用@include时，会得到未定义的混音错误

我在NuxtJs工作，安装sass-加载程序，节点-sass。

组件

<style lang="scss">
.cardSmall {
  @include mq(laptop) {
    width: 720px;
  }
}
</style>

我在资产/Variables.scss中的混合

@mixin mq($breakpoint) {
  @if $breakpoint==laptop {
    @media only screen and (max-width: 991px) {
      @content
    };
  }
}

回答已采纳

发布于 2022-11-02 18:16:14

Nuxt自动导入几个东西，如组件和可组合的。但它不会自动进口(sass)混炼胶。因此，您需要在<style />标记的顶部添加一个导入：

<style lang="scss">
@use "@/assets/variables.scss";

// ...
</style>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/74293104

复制

相似问题

问未定义的混合素sassEN