没有名称为background-cover

Question

我有一个新的angular项目，尝试使用bootstrap模板。

我现在得到了错误

  

    

@include background-cover;               ^           没有mixin命名为background-cover           ...... / src / assets / styles / _call-to-action.scss中（第5行，第12列）

  

这是_call-to-action.scss文件

.call-to-action {
  position: relative;
  background-color: $gray-800;
  background: url('../img/bg-masthead.jpg') no-repeat center center;
  @include background-cover;
  padding-top: 7rem;
  padding-bottom: 7rem;
  .overlay {
    position: absolute;
    background-color: $gray-900;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
  }
}

在styles.scss中，我这样导入它：

@import "styles-variables";

@import '~bootstrap/scss/bootstrap-reboot';
@import '~bootstrap/scss/bootstrap-grid';

@import 'assets/styles/_call-to-action.scss';
@import 'assets/styles/_footer.scss';
@import 'assets/styles/_global.scss';
@import 'assets/styles/_icons.scss';
@import 'assets/styles/_masthead.scss';
@import 'assets/styles/_mixins.scss';
@import 'assets/styles/_showcase.scss';
@import 'assets/styles/_testimonials.scss';
@import 'assets/styles/_variables.scss';
@import 'assets/styles/landing-page.scss';

我的错误在哪里？我没有发现失败的原因。

这是项目所在的文件夹