Неверное количество аргументов (4 для 2) для `border-radius ' - PullRequest
Новая
       30

Неверное количество аргументов (4 для 2) для `border-radius '

0 голосов
/ 19 октября 2019

это моя структура файлов scss: структура файлов

все они импортированы в main.scss

в _mixins.scss У меня есть миксин, который я хочуиспользовать его в _buttons.scss, но не удается.

_mixins.scss 

@mixin border-radius(
  $top-left: null,
  $top-right: null,
  $bottom-right: null,
  $bottom-left: null
) {
  -webkit-border-radius: $top-left $top-right $bottom-right $bottom-left;
  -moz-border-radius: $top-left $top-right $bottom-right $bottom-left;
  -ms-border-radius: $top-left $top-right $bottom-right $bottom-left;
  border-radius: $top-left $top-right $bottom-right $bottom-left;
}

_buttons.scss 

.header-btn {
  @extend .btn;
  @extend .bg-white;
  @include border-radius(0, 10px, 10px, 10px);
  font-size: 12px;
}

это сообщение об ошибке: 

 error  in ./src/assets/scss/main.scss

 @include border-radius(0, 10px, 10px, 10px);
          ^
      Wrong number of arguments (4 for 2) for `border-radius'
      in C:\Users\M0RT3Z4\Documents\Project\Landing\arda-landing\src\assets\scss\components\_buttons.scss (line 4, column 12)

если я копирую mixin радиуса границы в _buttons.scss, он работает нормально и проблем нет.

main.scss импортируется вmain.js в проекте vue cli 3.

1 Ответ

0 голосов
/ 19 октября 2019

Вы включаете Bootstrap в свой проект, и у этого фреймворка уже есть миксин, который называется border-radius: 

@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
  @if $enable-rounded {
    border-radius: $radius;
  }
  @else if $fallback-border-radius != false {
    border-radius: $fallback-border-radius;
  }
}

Этот миксин, как вы можете видеть, имеет только 2 аргумента и для этого компиляторвыдайте вам эту ошибку.

Попробуйте изменить имя вашего миксина, потому что это только проблема столкновения имен.

...