Bootstrap SCSS 中的弃用警告

Question

我正在尝试通过仅将所需的组件style.scss从 bootstrap sass导入文件来创建自定义引导程序。但是，当我导入和编译 3 个必需的组件时，我会收到一连串的弃用警告。

社会保障：

@import "./bootstrap-4.3.1/scss/functions";
@import "./bootstrap-4.3.1/scss/variables";
@import "./bootstrap-4.3.1/scss/mixins";

控制台警告（众多警告中的第一个）：

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($spacer, 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ?
298 ? $headings-margin-bottom:      $spacer / 2 !default;
    ?                               ^^^^^^^^^^^
    ?
    bootstrap-4.3.1\scss\_variables.scss 298:31  @import
    style.scss 3:9                               root stylesheet

我正在使用以下版本的工具：

引导程序：4.3.1，Sass：1.33.0 compiled with dart2js 2.13.0

使用此版本组合有什么问题，或任何其他问题？我该如何解决？

Answer 1

我在这里找到了解决方案。

从本质上讲，我的理解是新版本SASS正在抛出警告。您可以降级您的版本以暂时停止警告，这样做也不应该破坏任何东西。

tl:dr你应该Sass: "1.32.13"改用。