sass - Gulp TypeError : Arguments to path. 连接必须是字符串

Question

我对 gulp-ruby-sass 有问题。当我尝试运行 watch 任务并更改一些 .sass 文件时，会出现错误:

TypeError: Arguments to path.join must be strings 

这是我的 gulpfile.js

var gulp = require('gulp');
var jade = require('gulp-jade');
var sass = require('gulp-ruby-sass');
var watch = require('gulp-watch');

gulp.task('sass', function() {
    return gulp.src('sass/*.sass')
        .pipe(sass())
                .pipe(gulp.dest('./css'));

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

我使用了 gulp-slash 但它不起作用。

Answer 1

与 syntax changes从 1.0.0-alpha 开始，在 gulp-ruby-sass 中，您需要使用 gulp-ruby-sass() 而不是 gulp.src( ) 从文件或目录编译 Sass。

如果您尝试在较新或最新版本中使用原始语法，您可能会遇到以下错误:

类型错误:path.join 的参数必须是字符串

例如，0.7.x 及更早版本中使用 gulp.src() 的原始语法现已弃用:

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

// gulp-ruby-sass: 0.7.1
gulp.task('sass', function() {
    return gulp.src('path/to/scss')
        .pipe(sass({ style: 'expanded' }))
        .pipe(gulp.dest('path/to/css'));
});

1.x 中引入的新语法使用 gulp-ruby-sass() 作为 gulp 源适配器:

// gulp-ruby-sass: 1.x
gulp.task('sass', function() {
    return sass('path/to/scss', { style: 'expanded' })
        .pipe(gulp.dest('path/to/css'));
});

请注意 return 语句第一行的差异。

另请记住，截至撰写本文时，使用 gulp-ruby-sass 1.0.0-alpha 时，尚不支持 glob。