I'm getting error in node using gulp and gulp-livereload

Question

i downloaded livereload etension but here's the error.

Error: watching ./src/*.css: watch task has to be a function (optionally generated by using gulp.parallel or gulp.series)

So what should i do now ?

    var
    gulp  = require("gulp"),
    livereload = require("gulp-livereload");

    gulp.task("reload-css", function() {
    gulp.src('./src/*.css')
    .pipe(livereload());
    });

    gulp.task("default", function() {
    livereload.listen();
    gulp.watch('./src/*.css', ['reload-css']);
    });

Answer 1

it looks like you're using gulp 4, but write gulp 3 syntax. Try

gulp.watch('./src/*.css', gulp.series('reload-css'))

Check out the gulp 4 docs. This post highlight the differences in the new gulp.