在将scss转换为css时，出现了“primary”：$ primary-text-emphasis-dark 错误。

Question

终端截图

@import "Documents/bootstrap-5.3.0-alpha2/scss/_functions.scss";
@import "Documents/bootstrap-5.3.0-alpha2/scss/_variables.scss";

@each $color , $value in $grays {
    .bg-#{$color} {
        background-color: $value;
    }
}

@import "Documents/bootstrap-5.3.0-alpha2/scss/_maps.scss";
@import "Documents/bootstrap-5.3.0-alpha2/scss/_mixins.scss";
@import "Documents/bootstrap-5.3.0-alpha2/scss/_root.scss";

我尝试重新排列函数和变量，但它不起作用。

- Durgesh Hirani

---

你正在使用webpack 5.77.0吗？ - S.V.

Answer 1

@import "_variables-dark.scss" 在 @import "_map.scss" 之前有效。

primary-text-emphasis-dark 变量在 _variables-dark.scss 中定义。

- Durgesh Hirani

---

我认为在添加自定义地图（如自定义颜色）时，存在变量“variables-dark”的依赖关系。我不确定这是否是预期的行为还是一个问题。 - Nick Pearce

@NickPearce，这不是一个bug。如果没有使用，暗模式应该通过$enable-dark-mode变量禁用。详细答案如下。 - Gelmir

我刚刚在_maps.scss之前添加了它，对我来说完美运行了.. 谢谢 - Mr. Pancho

Answer 2

如果您不打算使用特定的_variable-XXX.scss文件，您应该禁用它们。

由于Bootstrap 5.3默认启用了暗模式（通过$enable-dark-mode变量），它假设在导入_maps.scss之前先导入_variables-dark.scss文件。

只需在导入_variables.scss之后但在导入_maps.scss之前添加$enable-dark-mode: false，然后即可继续进行。

- Gelmir