为什么node-sass找不到我的一个混合器，另一个却很好

编程问答 2022-06-03

问题描述

我有两个这样的mixin，

@mixin clearfix {
  &::after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin respondphone {
  @media (max-width: 600px) {
    @content;
  }
}

我像这样实现了响应电话，

html {
  font-size: 62.5%;

  @include respondphone {
    font-size: 50%;
  }
}

但是问题是，当我的clearfix没有收到任何错误时，我却收到了这个错误，为什么？


{
  "status": 1,"file": "D:/cssmastercourse/natours/sass/base/_base.scss","line": 13,"column": 12,"message": "no mixin named respondphone","formatted": "Error: no mixin named respondphone\n        on line 13 of sass/base/_base.scss\n        from line 1 of sass/main.scss\n>>   @include respondphone {\r\n   -----------^\n"
}

我已经正确地将其导入到主文件中了，

@import "base/base";
@import "base/animations";
@import "base/typography";
@import "base/utilities";
@import "abstracts/functions";
@import "abstracts/mixins";
@import "abstracts/variables";
@import "pages/home";
@import "components/button";
@import "components/composition";
@import "components/feature-Box";
@import "components/card";
@import "components/story";
@import "components/bg-video";
@import "components/form";
@import "components/popup";
@import "layout/header";
@import "layout/footer";
@import "layout/navigation";
@import "./base/typography";
@import "layout/grid";

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

node-sasssasssass