SASS 内置 moules 错误：无效的 CSS 后答案

【问题标题】：SASS Built-in moules Error: Invalid CSS afterSASS 内置 moules 错误：无效的 CSS 后
【发布时间】：2021-08-23 05:48:24
【问题描述】：

我没有连接内置模块，或者我没有正确使用它们。请帮我。我使用 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())
}
...

【问题讨论】：

标签： sass module gulp

【解决方案1】：

我使用 gulp-sass，而不是 gulp-dart-sass。

因为 sass:math 兼容性：自 1.23.0 以来的 Dart Sass

【讨论】：

您在哪里进行的更正？什么文件？解决错误的更正代码是什么？我遇到了同样的错误，不知道如何纠正。
npm 卸载 gulp-sass 和 npm install gulp-dart-sass