Блог

недавно я обновил свое приложение angular с начальной загрузки 4.5 до 5.1.1, отредактировав файл package.json.

 "dependencies": {
"bootstrap": "5.1.1"...
 

Я столкнулся с проблемой ниже после обновления.

 ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined mixin.
   ╷
7  │ ┌   @include hover {
8  │ │     color: $color;
9  │ │     background-color: $focus-background;
10 │ │     border-color: $focus-border;
11 │ └   }
 

Есть идеи?

Проблема заключалась в том, что миксины hover-hover-focus-hover-focus-active устарели в начальной загрузке 4 и удалены в начальной загрузке 5. Поэтому, если вы используете их, необходимо инициализировать начало файла, который вы используете.

https://raw.githubusercontent.com/twbs/bootstrap/v4-dev/scss/mixins/_hover.scss

 @mixin hover-focus-active() {
amp;:hover,
amp;:focus,
amp;:active {
@content;
}
}

@mixin bmd-hover-focus-active {
// add the .active to the whole mix of hover-focus-active
amp;.active {
  @content;
}
@include hover-focus-active() {
  @content;
}
}
 

как это определяет все миксины