时间戳

首页 > 解决方案 > sass 错误：未定义的 mixin。无法解决错误

css - sass 错误：未定义的 mixin。无法解决错误

问题描述

我正在尝试使用 sass 构建网页。我有一个 _mixins.scss 文件，我在其中写过：

@mixin gradient{
background: background(//etc);
}

和一个部分类 _navbar.scss 文件，我在其中定义了一个类 .menu 并尝试使用 mixin：@use '../custom' as *;

.menu{
  @include gradient
  li {
        padding: 0 0.7rem;

    a{
        color: $white !important
         text-transform: capitalize;
      }

      }

}

在 Visual Studio 代码中，intellisense 对 @include、@mixin 和 @use 语句没有问题。在@use 上按“ctrl + 单击”指向正确的文件。我在 Gitbash 窗口中运行“npm run compile:sass”，并且 scss 编译正常。该 html 文件有一个指向 style.css 中样式表的链接，该文件是 sass 将 .scss 代码编译到的文件。一切似乎都是相互联系的，实际上到目前为止一切都运行良好，直到尝试使用 mixin。我已经用谷歌搜索了这个问题，在这里查看了类似的问题，但找不到解决此问题的方法。

标签： csssass

解决方案

推荐阅读