Я установил @ ng-bootstrap, теперь я хочу использовать миксины внутри моего app.component.scss , но получаю сообщение об ошибке
Failed to compile.
./src/app/app.component.scss
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
@import "~bootstrap/scss/functions";
^
File to import not found or unreadable: ~bootstrap/scss/functions.
in C:\Users\xxxx\tutorial\xxxx\src\app\app.component.scss (line 1, column 1)
Следующее - мой app.component.scss
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import '~bootstrap/scss/mixins/_breakpoints';
.header_static{
position: absolute;
z-index: 500;
padding-top: 15px;
padding-bottom: 15px;
@include media-breakpoint-down(xs) {
padding-top: 20px;
padding-bottom: 20px;
}
}