Question

所以我得到了这个整洁的gulpfile，而且除了这一件事之外，它的工作顺利。

我正在运行gulp-plumber以阻止监视任务崩溃，错误被错误捕获，但是当我修复错误时，观察者拒绝继续。我添加了handleError回调，但即使this article说它应该也没有做任何事情。这让我变得精神错乱，因为我知道那些已经让它工作的人没有任何这些，但我找到的解决方案似乎都没有用。我错过了什么吗？

编辑：当我在_lists.scss中出现错误时，抛出的错误如下所示：

[22:04:43] Plumber found unhandled error:
Error in plugin 'gulp-sass'
Message:
styles\partials\_lists.scss
1:1  invalid top-level expression

这是否意味着我还必须使用on.('error', function() {})手动处理错误？因为我认为这是管道工的目的，要删除手动错误处理。我甚至尝试使用此手动捕获错误，但它只是在控制台中吐出错误并拒绝继续像以前一样。

这是管道工管道部分：

// Compile our SCSS into minified CSS
gulp.task('styles', function() {
  return gulp.src('styles/main.scss')
    .pipe(plumber({
      handleError: function (err) {
        console.log(err);
        this.emit('end');
      }
    }))
    .pipe(sass({ style: 'expanded' }))
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
    .pipe(gulp.dest('dist/styles'))
    .pipe(rename({ suffix: '.min' }))
    .pipe(minifycss())
    .pipe(gulp.dest('dist/styles'))
    .pipe(notify({ message: 'Finished compiling SCSS' }))
});

这是整个gulpfile.js：

var gulp         = require('gulp'),
    sass         = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    minifycss    = require('gulp-minify-css'),
    plumber      = require('gulp-plumber'),
    jshint       = require('gulp-jshint'),
    uglify       = require('gulp-uglify'),
    imagemin     = require('gulp-imagemin'),
    rename       = require('gulp-rename'),
    concat       = require('gulp-concat'),
    notify       = require('gulp-notify'),
    cache        = require('gulp-cache'),
    livereload   = require('gulp-livereload'),
    htmlmin      = require('gulp-htmlmin'),
    del          = require('del');

// Minify our HTML
gulp.task('html', function() {
  return gulp.src('*.html')
    .pipe(htmlmin({ collapseWhitespace: true }))
    .pipe(gulp.dest('dist'))
});

// Compile our SCSS into minified CSS
gulp.task('styles', function() {
  return gulp.src('styles/main.scss')
    .pipe(plumber({
      handleError: function (err) {
        console.log(err);
        this.emit('end');
      }
    }))
    .pipe(sass({ style: 'expanded' }))
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
    .pipe(gulp.dest('dist/styles'))
    .pipe(rename({ suffix: '.min' }))
    .pipe(minifycss())
    .pipe(gulp.dest('dist/styles'))
    .pipe(notify({ message: 'Finished compiling SCSS' }))
});

// Concat and compile our JS into a minified file
gulp.task('scripts', function() {
  return gulp.src('scripts/**/*.js')
    .pipe(jshint())
    .pipe(jshint.reporter('default'))
    .pipe(concat('main.js'))
    .pipe(gulp.dest('dist/scripts'))
    .pipe(rename({ suffix: '.min' }))
    .pipe(uglify())
    .pipe(gulp.dest('dist/scripts'))
    .pipe(notify({ message: 'Finished compiling scripts' }));
});

// Compress our images
gulp.task('images', function() {
  return gulp.src('images/**/*.js')
    .pipe(cache(imagemin({ optimizationLevel: 5, progressive: true, interlaced: true })))
    .pipe(gulp.dest('dist/images'))
    .pipe(notify({ message: 'Finished compiling images' }));
});

// Clean/empty our dist folder
gulp.task('clean', function(cb) {
  del(['dist/styles', 'dist/scripts', 'dist/images'], cb)
});

// Run all our tasks when using 'gulp' command in CLI
gulp.task('default', ['clean'], function() {
  gulp.start('html', 'styles', 'scripts', 'images');
});

// Watch our files for changes
gulp.task('watch', function() {
  gulp.watch('styles/**/*.scss', ['styles']);
  gulp.watch('scripts/**/*.js', ['scripts']);
  gulp.watch('images/**/*', ['images']);
});

Answer 1

这可能只是一个错字。

尝试将handleError替换为errorHandler。

Answer 2

完全相同的问题，只是解决了。魅力在于添加

this.emit('end');

在处理程序的末尾，以优雅地结束任务。

尽管errorHandler回调

2 个答案: