是什么导致我的GULP gulpfile.js文件中出现“无效的顶级表达式”错误？

Question

我开始吞咽后得到一个错误。 我已经取出所有其他插件来查找问题：

[gulp-sass] source string:1: error: invalid top-level expression

gulpfile.js：

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('sass', function() {
    gulp.src('app/assets/sass/styles.sass')
        .pipe(sass({
            errLogToConsole: true
        }))
        .pipe(gulp.dest('public_html/assets/css'))
});

gulp.task('default', ['sass'], function() {
    gulp.watch("app/assets/sass/*.sass", ['sass']);
});

Windows 7的

Answer 1

如果要使用缩进语法（.sass）作为顶级文件，请使用

pipe(sass({ indentedSyntax: true }))

代替

pipe(sass()) 。

Answer 2

你可以尝试使用该选项sourceComments并将其设置为normal在你的sass ？ 如果你不通过它似乎有一些问题。

因此，请尝试按以下方式更改您的任务：

gulp.task('sass', function () {

  gulp.src('app/assets/sass/styles.sass')
    .pipe(sass({
        errLogToConsole: true,
        sourceComments : 'normal'
    }))
    .pipe(gulp.dest('public_html/assets/css'))
});

请参阅gulp-sass的相关问题 。 或者，你仍然可以使用gulp-ruby-sass 。

Answer 3

非常有趣的是，对我来说问题是插件gulp-sass忽略了顶级文件的扩展，无论如何都会解析为SCSS。

包括正确的工作，所以解决方案是在顶部包含一个内衬。