【问题标题】：No mixin named media-breakpoint-down using webpack没有使用 webpack 的名为 media-breakpoint-down 的 mixin
【发布时间】：2020-02-19 04:57:15
【问题描述】：

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

我的 scss sn-p

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

【问题讨论】：

你的 scss 中添加了 bootstrap 吗？
我已经使用@import '~bootstrap/scss/_functions';@import '~bootstrap/scss/_variables';@import '~bootstrap/scss/mixins/_breakpoints'修复了它；跨度>
现在我有了新问题，即 No mixin named border-radius
您还需要包含border-radius mixin。最好导入整个 bootstrap 混合 scss @import "bootstrap/mixins";

标签： javascript node.js webpack sass mixins

【解决方案1】：

你需要为 bootstrap 5 导入引导函数和 mixins

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

或在引导程序 4 中也设置断点

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

【讨论】：