bootstrap-4 - `$color` 的参数 `darken($color, $amount)` 必须是颜色 Bootstrap 4 Angular 6

Question

尝试在我的 Angular 6 应用程序中使用 Bootstrap 4，就像在我的 angular.json 文件中一样...

"styles": [
              "node_modules/bootstrap/scss/_functions.scss",
              "node_modules/bootstrap/scss/_variables.scss",
              "node_modules/bootstrap/scss/_mixins.scss",
              "src/styles.scss"
            ] 

尝试进行 sass 加载后，会在终端中产生此错误...

ERROR in ./node_modules/bootstrap/scss/_variables.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--15-3!./node_modules/bootstrap/scss/_variables.scss) Module build failed (from ./node_modules/sass-loader/lib/loader.js):

undefined ^ Argument $color of darken($color, $amount) must be a color

这是 _variables.scss 中的相关行:$link-hover-color: darken($link-color, 15%) !default;

上面两行声明:$link-color: theme-color("primary") !default;

我在这里查看了许多可能的解决方案，但大多数都说将函数放在变量之前，这已经完成，但错误仍然存​​在。

非常感谢任何帮助。

Answer 1

我遇到了这个问题。所需要做的就是在其他导入之前导入函数:

@import '../../node_modules/bootstrap/scss/functions';
// ... remaining bootstrap imports...