運行gulp項目報錯:AssertionError: Task function must be specified。

解決方案

今天像往常一樣,編寫文章,并使用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.seriesgulp.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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • gulpjs是一個前端構建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數,API也非常簡單,學...
    依依玖玥閱讀 3,185評論 7 55
  • gulpjs是一個前端構建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數,API也非常簡單,學...
    build1024閱讀 540評論 0 0
  • gulpjs是一個前端構建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數,API也非常簡單,學...
    MC丶逗逼嘿閱讀 683評論 0 3
  • 原文鏈接:www.talkingcoder.com 什么是gulp Gulp是可以自動化執行任務的工具。在平時開發...
    李2牛閱讀 968評論 0 3
  • 1.背景介紹 gulp是前端開發過程中對代碼進行構建的工具,是自動化項目的構建利器;它不僅能對網站資源進行優化,而...
    cczhuc閱讀 949評論 0 0