@parcel/transformer-sass：未定义的混合答案

【问题标题】：@parcel/transformer-sass: Undefined mixin@parcel/transformer-sass：未定义的混合
【发布时间】：2021-06-05 22:29:56
【问题描述】：

我在尝试运行 parcel 时看到此错误：

@parcel/transformer-sass: Undefined mixin.

ℹ Server running at http://localhost:1234
× Build failed.
@parcel/transformer-sass: Undefined mixin.
   ╷
53 │       @include button-variant($background, $border);
   │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  srcstylesbootstrap_mixins.scss 53:7   generate-buttons()
  srcstylesbootstrap_helpers.scss 23:1  @import
  srcstylesbootstrapbootstrap.scss 5:9  @import
  srcstylesbootstrap.scss 1:9            root stylesheet

【问题讨论】：

标签： sass scss-mixins parcel

【解决方案1】：

问题是 mixin 没有被导入到试图引用它的文件中。所以解决方法是添加适当的导入语句：

@import './_mixins.scss';

【讨论】：

【解决方案2】：

正如@james-gentes 的回答所提到的，您需要导入 mixin。但是，@import 方法已被弃用，转而使用@use，请参阅sass documentation

你应该像这样导入它：

@use './_mixins.scss';

【讨论】：