После перехода от node-sass к dart sass компилятор выдает ошибку в миксине ключевых кадров - PullRequest
Новая
       62

После перехода от node-sass к dart sass компилятор выдает ошибку в миксине ключевых кадров

0 голосов
/ 01 мая 2020

Я вынужден изменить компилятор sass в моем проекте. Я использовал node-sass, теперь мне нужно изменить его на dart sass.

Я в основном сделал, что это говорит в документация webpack 

{
    loader: 'sass-loader',
    options: {
        // Prefer `dart-sass`
        implementation: require('sass'),
    },
},

И когда Я запускаю компиляцию, она выдает ошибку: 

 SassError: expected selector.
      ╷
    3 │   0%{
      │   ^
      ╵

Это в моем файле анимации. Мой ключевой кадр mixin: 

@mixin keyframes($animation-name) {

  -webkit-keyframes #{$animation-name} {
    @content;
  }

  -moz-keyframes #{$animation-name} {
    @content;
  }
  @keyframes #{$animation-name} {
    @content;
  }
}

И моя анимация: 

@include keyframes(bounceDown) {

  0% {
    transform : translateY(0);
  }

  40% {
    transform : translateY(7px);
  }

  100% {
    transform : translateY(0);
  }

}

Когда я использовал node-sass, этот код работал. Любая идея, что я должен изменить?

1 Ответ

0 голосов
/ 01 мая 2020

Я понял это!

Проблема заключалась в том, что я использовал -moz-keyframes вместо @-moz-keyframes. Он был обработан node-sass должным образом ... но похоже, что это ошибка для dart sass.

Cheers!

...