解決方案

今天像往常一樣，編寫文章，并使用gulp bulid壓縮代碼，但是一運行：gulp build 就出現了這個錯誤：AssertionError: Task function must be specified。

gulp項目需要全局安裝gulp和項目內安裝gulp，通過 gulp -v 查看全局gulp 和本地項目的gulp版本：

image.png

這倆顯然，不一致。

下面，我們可以看到項目里記錄的gulp的版本號：

?

image.png

?

可以卸載修改json文件里面的版本號：為gulp 3 版本。如 3.9.1

重新運行 npm install

---

gulp 3 和 gulp 4運行方式是不一樣的，所以會出現錯誤。具體細節，可以看這里

gup3 VS gulp4 區別

Gulp 4最大的變化就是你不能像以前那樣傳遞一個依賴任務列表。

Gulp3，如果有一個任務A，B和C的列表，你想在一個序列中運行（確保A在B開始之前完成，而B在C開始之前完成），代碼如下：

gulp.task('a', function () {// Do something.
});
gulp.task('b', ['a'], function () {// Do some stuff.
});
gulp.task('c', ['b'], function () {// Do some more stuff.
});

在Gulp 4中，你不能再這樣做了。你會得到以下錯誤：

assert.js:85throw new assert.AssertionError({^
AssertionError: Task function must be specifiedat Gulp.set [as _setTask] (/home/hope/web/node_modules/undertaker/lib/set-task.js:10:3)at Gulp.task (/home/hope/web/node_modules/undertaker/lib/task.js:13:8)at Object.<anonymous> (/home/hope/web/gulpfile.js:31:6)at Module._compile (module.js:570:32)at Object.Module._extensions..js (module.js:579:10)at Module.load (module.js:487:32)at tryModuleLoad (module.js:446:12)at Function.Module._load (module.js:438:3)at Module.require (module.js:497:17)at require (internal/module.js:20:19)

不要用Gulp3的方式指定依賴任務，你需要使用gulp.series和gulp.parallel，因為gulp任務現在只有兩個參數。

gulp.series：按照順序執行
gulp.paralle：可以并行計算

gulp.task('my-tasks', gulp.series('a', 'b', 'c', function() {// Do something after a, b, and c are finished.
}));

gulp.task('build', gulp.parallel('styles', 'scripts', 'images', function () {// Build the website.
}));

或者這樣

gulp.task('my-tasks', gulp.series('a', gulp.parallel('styles','scripts', 'images'), 'b', 'c', function() {// Do something after a, b, and c are finished.
}));

相關任務必須在被調用之前發生。

參考：
https://github.com/gulpjs/gulp/blob/master/docs/API.md
https://www.fastless.com/gulp-4
https://www.jianshu.com/p/40b99bed3127

?