gulpはエラーを報告しました.The follwing task did not complettee:task_name

11631 ワード

node 先端ツール javascript

問題の説明
次のコードで時報が間違って運行されています.

gulp.task('A' , function(){
   console.log('A') 
});
gulp.task('B' , function(){ //  B      A
   console.log('B')
});

gulp.task('my-task', gulp.series("A","B",function(){
	console.log("AB")
}))

エラーは以下の通りです

D:\me\gulp\gulp-test>gulp task
[14:36:02] Using gulpfile D:\me\gulp\gulp-test\gulpfile.js
[14:36:02] Starting 'task'...
[14:36:02] Starting 'A'...
A
[14:36:02] The following tasks did not complete: task, A
[14:36:02] Did you forget to signal async completion?

問題を分析する
ファイルフローを使用しない場合、taskの関数にcbというコールバック関数が入ってきて、taskを終了します.下記のコードで示します.

gulp.task('test', cb => {
  console.log('Hello World!');
  cb();
});

問題を解決する

追加asyncおよびawait非同期方法処理:

gulp.task('A' , async function(){
  await console.log('A') 
});
gulp.task('B' , async function(){ 
   await console.log('B')
});

gulp.task('my-task', gulp.series("A","B", async function(){
	await console.log("AB")
}))

追加完了コールdone()

gulp.task('A' , function(){
  console.log('A') 
  done()
});
gulp.task('B' , function(done){ 
   console.log('B')
   done()
});

gulp.task('my-task', gulp.series("A","B", function(done){
	console.log("AB")
	done()
}))

最終印刷結果

[15:00:29] Using gulpfile D:\me\gulp\gulp-test\gulpfile.js
[15:00:29] Starting 'my-task'...
[15:00:29] Starting 'A'...
A
[15:00:29] Finished 'A' after 7.08 ms
[15:00:29] Starting 'B'...
B
[15:00:29] Finished 'B' after 2.26 ms
[15:00:29] Starting ''...
AB
[15:00:29] Finished '' after 2.02 ms
[15:00:29] Finished 'my-task' after 20 ms

ESでのmapの使用