要チェック＊Gulpエラー：Task function must be specified

2022.3.18 最新版を更新しました。

※以下の記事は非推奨の記述があります。上記のリンクをご覧ください。

Gulpを新たにインストールして、以前のgulpfile.jsを複製して使用したら、エラーが出て使えませんでした・・・・。

Task function must be specified

どうやら、Gulpのバージョンアップによるエラーのようです。

Gulp４では、gulpfile.jsの書き方に変更があるようなので、要チェック。

gulp.taskとgulp.watchに変更あり。

変更前 ~v3

gulp.task('default', ['task1', 'task2'], function(){
    // ...
});

変更後 v4

gulp.task('default', gulp.series( gulp.parallel('task1', 'task2'), function(){
    // ...
}));

変更前 ~v3

gulp.task('sass', function () {
gulp.watch('./sass/**/*.scss', ['sass-min']);
});

変更後 v4

gulp.task('sass', function () {
    gulp.watch('./sass/**/*.scss', gulp.task('sass-min'));
});

Gulp3 から Gulp4 にアップデートされた際に、書き方の変更がいくつかありました。インストールしたgulpのバージョンを確認し、バージョンに合わせた書き方をすれば、問題なく動作します。

エラーの原因がなかなか見つからず苦労しましたが、公式サイトには変更点が掲載されているので、ここを見れば確実でしたね・・・・！

バージョンアップの変更点