javascript - 使用 webpack 没有名为 media-breakpoint-down 的 mixin

Question

没有名为 media-breakpoint-down 的 mixin。我正在尝试使用 webpack 编译我的 sass 文件，但收到此错误。知道是什么原因导致此错误吗？

https://imgur.com/a/YrLrkev

我的 scss 片段

.mh-header-info {
  @include media-breakpoint-down(md) {
      display: none;
    }
    height: 35px;
    background: $primary;
    .mh-header-details {
      font-size: 13px;
      color: $white;
      padding: 5px;

Answer 1

您需要为 bootstrap 5 导入 bootstrap 函数和 mixins

@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";

或 bootstrap 4 中的断点

@import "~bootstrap/scss/breakpoints";
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";