Question

我正在尝试在Angular 5项目中使用Bootswatch主题。我正在使用Bootswatch和Bootstrap版本4.0.0-beta-2。我已经通过npm安装了两个，并使用我的主要styles.scss中的常用angular-cli / webpack约定在styles.scss中导入了_variables.scss和_bootswatch.scss。我还将相关主题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";

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

1 个答案: