Gulp 4移行エラー（非同期完了を知らせるのを忘れましたか？）

Question

私はgulp 4にアップグレードしようとしているgulp 3ファイルを持っています。次のように私は取得しています3つのエラーは、次のとおりです。

クリーンスタイル：

gulp.task('clean-styles', function (done) { 
    var files = config.temp + '**/*.css'; 
    clean(files, done); 
}); 

[23:47:05] The following tasks did not complete: clean-styles 
[23:47:05] Did you forget to signal async completion? 

SCSS-ウォッチャー：

gulp.task('scss-watcher', function() { 
    gulp.watch([config.scss], ['styles']); 
}); 

[23:51:27] 'scss-watcher' errored after 2.46 ms 
[23:51:27] Error: watching ./src/client/styles/styles.scss: watch task has to be a function (optionally generated by using gulp.parallel or gulp.series) 

スタイル：私はクリーンなスタイルを削除する場合（これは動作しますシリーズ）

gulp.task('styles', gulp.series('clean-styles', function() { 
log('Compiling SCSS --> CSS'); 

return gulp 
    .src(config.scss) 
    .pipe($.scss()) 
    .pipe($.autoprefixer({ browsers: ['last 2 versions', '> 5%'] })) 
    .pipe(gulp.dest(config.temp)); 
})); 

[23:52:42] The following tasks did not complete: styles, clean-styles 
[23:52:42] Did you forget to signal async completion? 

獣医：（ワークス）

の

gulp.task('vet', function() { 
    log('Analyzing source with ESLint'); 
    return gulp 
     .src(config.js) 
     .pipe($.if(args.verbose, $.print())) 
     .pipe($.eslint()) 
     .pipe($.eslint.format()) 
     .pipe($.eslint.failOnError()); 
}); 

機能：

function clean(path, done) { 
    log('Cleaning: ' + $.util.colors.blue(path)); 
    del(path, done); 
} 

function log(msg) { 
    if (typeof(msg) === 'object') { 
     for (var item in msg) { 
      if (msg.hasOwnProperty(item)) { 
       $.util.log($.util.colors.blue(msg[item])); 
      } 
     } 
    } 
    else { 
     $.util.log($.util.colors.blue(msg)); 
    } 
} 

私は何かが欠けする必要があります。誰か私が行方不明に私を記入することはできますか？

Answer 1

クリーンスタイル

delは、コールバック関数を取ることはありません。それはあなたの仕事に返却する必要がありPromiseを返します。

function clean(path) { 
    log('Cleaning: ' + $.util.colors.blue(path)); 
    return del(path); 
} 
gulp.task('clean-styles', function() { 
    var files = config.temp + '**/*.css'; 
    return clean(files); 
}); 

SCSS-ウォッチャー

gulp.watch()はもうタスク名の配列をサポートしていません。

は上記clean-stylesへの変更で動作するはず

gulp.task('scss-watcher', function() { 
    gulp.watch([config.scss], gulp.series('styles')); 
}); 

スタイル：あなたはそれを機能、gulp.series()またはgulp.parallel()を渡す必要があります。

Answer 2

友人、これはこの問題の回避策です：

私たちは、コールバック関数を呼び出す必要があります（iは1より多くの質問をすることができ、タスクとAnonimous

function electronTask(callbackA) 
{ 
    return gulp.series(myFirstTask, mySeccondTask, (callbackB) => 
    { 
     callbackA(); 
     callbackB(); 
    })(); 

}