未定义的混合答案

【问题标题】：Undefined mixin未定义的混合
【发布时间】：2020-10-12 22:32:47
【问题描述】：

我正在使用 SASS 设置登录页面的样式，但是当我尝试将我的 sass 编译为 CSS 时出现错误。我收到一条错误消息，内容为

错误 sass/modules/_buttons.sass（第 11 行：未定义的 mixin '按钮大小'。）

这是这个特定部分的代码

.btn display: inline-block font-weight: $font-weight-normal line-height: $base-line-height text-align: center font-size: $font-base vertical-align: middle border: $border-width solid transparent transition: $btn-transition border-radius: $border-radius +button-size($btn-padding-y, $btn-padding-x, $font-base, $border-radius)

而实际的mixin代码是

=button-size($btn-padding-y, $btn-padding-x, $font-base, $border-radius)
  padding: $btn-padding-y $btn-padding-x
  font-size: $font-base
  border-radius: $border-radius

【问题讨论】：

您是否有 [@include] 或 [@mixin] 行在某处引用定义或定义 mixin？ sass-lang.com/documentation/at-rules/mixin ...（忽略括号我不知道如何发表评论，意识到我不是在尝试@用户，也没有在 cmets 的帮助文档中看到它。）
你确定你的 mixin 在你调用它之前已经声明了吗？

标签： css sass compiler-errors

【解决方案1】：

你好，如果你有同样的问题，你必须先在你的 main.scss 中导入你的 mixin

1. import 'utils/mixin' //contain all of my mixin
2. import 'other/css-thing'... //call the mixin above

mixin不能写在main.scss下面

【讨论】：