bootstrap-4 - 你如何在 Angular 5 中使用 Bootswatch 主题

Question

我正在尝试在 Angular 5 项目中使用 Bootswatch 主题。我正在使用 Bootswatch 和 Bootstrap 版本 4.0.0-beta-2。我已经通过 npm 安装了这两个，并在我的 style.scss 中导入了 _variables.scss 和 _bootswatch.scss，在我的主要 styles.scss 中使用了常用的 angular-cli/webpack 约定。我还将相关主题 bootstrap.min.css 导入该文件，并将其添加到 angular.cli.json 中的 styles[] 数组中。

在构建期间，我得到：

@include box-shadow(none);
        ^
     No mixin named box-shadow

和损坏的构建。

Answer 1

您正在使用角度 4-5。所以npm install bootswatch并按照描述将相关库附加到style.scss文件中。

您没有按顺序包括库。尝试像这样导入它。

@import "../node_modules/bootswatch/dist/materia/variables"; @import "../node_modules/bootstrap/scss/bootstrap"; @import "../node_modules/bootswatch/dist/materia/bootswatch"; @import "../node_modules/bootswatch/dist/materia/bootstrap.min.css";