gulp 4 gulp-connect livereload Следующие задачи не были выполнены

Question

Я слежу за курсом по gulp 3, но вместо этого пока использую gulp 4, проблем не возникало, но теперь я застрял с gulp-connect и livereload, это вроде работает, как и должно, но завершение процесса вызывает некоторые проблемы:

The following tasks did not complete: default, connect
Did you forget to signal async completion?

Я знаю, что ответ где-то здесь: Ошибка Gulp: Следующие задачи не были выполнены: Вы забыли сообщить о завершении асинхронного? или здесь: LiveReload не работает, но я не могу сделать это самостоятельно

gulp.task('css', function() {
  return gulp.src(PATH)
//...
    .pipe(connect.reload());
})
gulp.task('connect', function(done) {
  connect.server({
      root: 'builds/development/',
      livereload: true
    }), function() { this.server.on('close', done) }
});
gulp.task('watch', function(done) {
  //...
  gulp.watch(PATH, gulp.series('css'));
  done()
})

gulp.task('default', gulp.parallel('connect', 'watch'));

Я попытался изменить мою задачу часов, чтобы она выглядела как

function watchTask (done) {
  watch('public').on('change', (filepath) =>
    src(filepath, { read: false }).pipe(connect.reload()))
  done()
} 

безуспешно..

вот полный gulpfile.js для gulp 3

спасибо Марк, это работает хорошо, так же, как и должно (хотя завершение работы приводит к зависанию bash в vscode, но это совершенно не связано с...)

gulp.task('css', function() {
  return gulp.src(PATH)
    // ..
    .pipe(connect.reload());
})

gulp.task('connect', function(done) {
  connect.server({
    root: 'builds/development/',
    livereload: true
  })
  done()
});

gulp.task('watch', function(done) {
// ..
  gulp.watch(PATH, gulp.series('css'));
  done()
})

gulp.task('default', gulp.parallel('connect', 'watch'));