当我尝试使用 Dart Sass 进行编译时，Bootstrap 5.0.2 中断

Question

我正在尝试使用 SCSS 更改引导程序中的主颜色。我遵循了安装 Dart Sass 并在 custom.scss 上运行它的所有步骤，但是当我尝试这样做时

@import "bootstrap" //with absolute path to bootstrap ofc

在custom.scss中，它给了我以下错误：

150 │   @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);
    │           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    path\to\webapp\webroot\bootstrap-5.0.2\scss\_functions.scss 150:11            opaque()
    path\to\webapp\webroot\bootstrap-5.0.2\scss\mixins\_table-variants.scss 4:28  table-variant()
    path\to\webapp\webroot\bootstrap-5.0.2\scss\_tables.scss 134:3                @import
    path\to\webapp\webroot\bootstrap-5.0.2\scss\bootstrap.scss 22:9               @import
    path\to\webapp\webroot\scss\custom.scss 11:9                                  root stylesheet

我没有对未编译的 bootstrap scss 进行任何更改。它似乎随机抛出错误，因为如果我删除抛出错误的行，错误就会在其上方的命令上抛出（第 144 行）。我不知道为什么它会破坏看似随机的命令，并且错误报告也没有给出任何反馈。

Answer 1

降级到与 Bootstrap 5.0.2 兼容的 dart-sass 之前版本

npm uninstall -g sass
npm install -g [email protected]