导入mixins时mixins出现Symfony错误

问题描述

我在项目中使用mixins，编译前端时出现此错误。这是错误；

SassError: no mixin named img-responsive
        on line 177 of assets/css/home.scss
        from line 15 of /var/www/zildjian/assets/css/app.scss
>>       @include img-responsive;

这是我的代码：

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;

  > .item {
    position: relative;
    display: none;
    @include transition(.6s ease-in-out left);

    // Account for jankitude on images
    > img,> a > img {
      @include img-responsive;
      line-height: 1;
    }

    // WebKit CSS3 transforms for supported devices
    @media all and (transform-3d),(-webkit-transform-3d) {
      @include transition-transform(0.6s ease-in-out);
      @include backface-visibility(hidden);
      @include perspective(1000px);

      &.next,&.active.right {
        @include translate3d(100%,0);
        left: 0;
      }
      &.prev,&.active.left {
        @include translate3d(-100%,0);
        left: 0;
      }
      &.next.left,&.prev.right,&.active {
        @include translate3d(0,0);
        left: 0;
      }
    }
  }

我在app.scss上进行了正确的导入：

    @import "_variables.scss";
@import "~bootstrap/scss/bootstrap.scss";
@import "~ekko-lightBox/dist/ekko-lightBox.css";
@import "~leaflet/dist/leaflet.css";
@import "~leaflet.markercluster/dist/MarkerCluster.css";
@import "~leaflet.markercluster/dist/MarkerCluster.Default.css";
@import "_mixins.scss";
@import "_fonts.scss";
@import "_header.scss";
@import "_footer.scss";
@import "_content.scss";
@import "dealer.scss";
@import "product.scss";
@import "page.scss";
@import "home.scss";


html {
  font-size: 16px;
}

body {
}


a,a:hover,a:active,a:focus,button,button:hover,button:active,button:focus {
  outline-style: none;
}

我真的不知道为什么它不起作用，我已经导入了_mixins.scss，我认为这就是我所需要的。这是_mixins.scss文件：

@mixin font-face($font-name) {
  @font-face {
    font-family: $font-name;
    src: url("../fonts/#{$font-name}.eot?") format("eot"),url("../fonts/#{$font-name}.woff2") format("woff2"),url("../fonts/#{$font-name}.woff") format("woff"),url("../fonts/#{$font-name}.ttf") format("truetype"),url("../fonts/#{$font-name}.svg##{$font-name}") format("svg");
  }
}

@mixin icon($content) {
  content: $content;
  font-family: 'iconfont';
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
}

@mixin dropDownMenu() {
  padding: 0;
  background-color: $white;
  bottom: 0;
  left: 0;
  list-style-type: none;
  overflow: auto;
  position: absolute;
  top: 80px;
  width: 100%;
  z-index: 2000;
}

@mixin mainMenuItem() {
  @include make-container();

  letter-spacing: 1px;

  @include media-breakpoint-up(md) {
    padding: 0 80px;
  }

  @include media-breakpoint-up(lg) {
    margin: 0;
    padding: 0;
  }
}

这是我第一次使用mixins，也许我忘记了一些东西，但我看不到。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

mixins mixins symfony symfony