'SassError неопределенная переменная' с Angular 9 и Bootstrap 4 "из коробки" - PullRequest
Новая
       4

'SassError неопределенная переменная' с Angular 9 и Bootstrap 4 "из коробки"

1 голос
/ 31 марта 2020

Ранее я использовал Angular 8 с Bootstrap 4 и использовал этот превосходный ответ для доступа к Bootstrap переменным. { ссылка }.

Я не могу заставить это работать с Angular 9.

Шаги:

  1. Создать новый проект с помощью Angular CLI, выбрав S CSS
  2. Установить Bootstrap 4, JQuery, Popper. js через npm

  3. In styles.s css, введите следующее:
    html { background: $success-bg; }

  4. Выполнить ng b для построения

Теперь вы получаете SassError: Undefined variable

enter image description here

В: Какой импорт необходим для импорта Bootstrap 4 на уровне S CSS, а также можно использовать переменные

Я пробовал следующие комбинации:

@import "~bootstrap/scss/bootstrap";

@import "~bootstrap/scss/_variables";

@import "~bootstrap/scss/_variables.scss";

@import "../node_modules/bootstrap/scss/_variables.scss";

Я попытался настроить StackBlitz, но не смог найти способ настроить Angular 9, S CSS, Bootstrap 4, он жаловался на CSS вместо S CSS.

Вообще говоря, Bootstrap работает. Утилиты работают. Я могу использовать миксин. Я могу переопределить переменные без проблем. Я просто не могу использовать существующие переменные BS4 таким образом.

...