Блог

Главная - Вопросы по программированию - Встроенная ошибка SASS в moules: Неверный CSS после

Встроенная ошибка SASS в moules: Неверный CSS после

#sass #module #gulp

Вопрос:

Я не подключаю встроенные модули или неправильно их использую. Пожалуйста, помогите мне. Я использую глоток, и я не могу понять, почему у меня ошибка:

Error: Invalid CSS after "... $height: math": expected expression (e.g. 1px, bold), was ".div($size, 2)"

файл scss

 @use 'sass:math';

$height: math.div($size, 2);

файл gulp

 ...
function styles() {
  return gulp
    .src("./src/scss/*.scss")
    .pipe(plumber({ errorHandler: onError }))
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(
      autoprefixer({
        cascade: false,
      })
    )
    .pipe(cleanCSS())
    .pipe(sourcemaps.write())
    .pipe(rename({ suffix: ".min" }))
    .pipe(gulp.dest("./dest/css"))
    .pipe(browserSync.stream())
}
...

Ответ №1:

Я использовал «глоток-сасс «вместо» глоток-дротик-сасс».

потому что sass:математическая совместимость: Dart Sass с 1.23.0

Комментарии:

1. Где вы сделали это исправление? Какой файл? Каков исправленный код для устранения ошибки? У меня та же ошибка, и я не понимаю, как ее исправить.

2. npm удаляет gulp-sass, а npm устанавливает gulp-dart-sass

Метки: