解決方案
今天像往常一樣,編寫文章,并使用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:85
throw new assert.AssertionError({
^
AssertionError: Task function must be specified
at 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
http://www.lxweimin.com/p/40b99bed3127