Проблема с обновлением сайта по GULP только один раз

Question

Я хотел бы попросить вас о помощи. У меня проблема с браузерной синхронизацией. Я хочу изучить этот инструмент, и, работая с учебником в Интернете, я набрал код, но он работает только один раз. А именно, в то время как я помещаю любые изменения в файл HTML, это не перезагружает браузер. Это происходит только один раз и никогда больше.

Ниже мой код. ТИА

const gulp = require('gulp');

const browserSync = require('browser-sync');

gulp.task('reload', function(){
   browserSync.reload();

});

gulp.task('serve', function(){

    browserSync({
        server: 'src'
    });

    gulp.watch('src/*.html', gulp.series('reload'));
});

gulp.task('default', gulp.series('serve'));

Answer 1

gulp.task('reload', function(done){
   browserSync.reload();
   done();
});


gulp.task('serve', function(done){

  browserSync({
    server: 'src'
  });

  gulp.watch('src/*.html', gulp.series('reload'));
  done();
});

Вы можете видеть в приведенном выше коде, что я добавил done() обратные вызовы - они нужны для того, чтобы сигнализировать об асинхронном завершении, чтобы задачи могли быть запущены в секунду и т. Д.