Как использовать тему Bootswatch в Angular 5

Я пытаюсь использовать тему Bootswatch в проекте Angular 5. Я использую версии 4.0.0-beta-2 как Bootswatch, так и Bootstrap. Я установил оба через npm и импортировал _variables.scss и _bootswatch.scss в свой файл styles.scss, используя обычные соглашения angular-cli / webpack в моем основном файле styles.scss. Я также импортирую соответствующую тему bootstrap.min.css в этот файл и добавляю ее в массив styles [] в angular.cli.json.

Во время сборки получаю:

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

и сломанная сборка.


bootstrap-4 angular5 bootswatch
person user3174133    schedule 18.12.2017    source источник
comment
попробуйте вот так npmjs.com/package/bootswatch   -  person core114    schedule 07.02.2018

Ответы (1)


arrow_upward
10
arrow_downward

Вы работаете с angular 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";

person Mukesh Nagar    schedule 07.02.2018
comment
Я не уверен, требуется ли @import "../node_modules/bootswatch/dist/materia/bootstrap.min.css"; - person Mosby42; 22.04.2018
comment
materia / bootstrap.min.css - это не то же самое, что и vanilla bootstrap.min.css, я бы добавил его. - person devRyan; 20.08.2019