Browsersync не перезагружается при изменении

Question

Я настраиваю новый проект, используя Gulp. Все работает кроме браузерной синхронизации. Когда я сохраняю файл, он не перезагружает браузер

 var gulp = require('gulp');

//css plugins
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');

//html plugins
var pug = require('gulp-pug');

//Reload plugins
var browserSync = require('browser-sync').create();

function browser_sync(done){
    browserSync.init({
        server: {
            baseDir: './'
        }
    });
    gulp.watch('./src/sass/**', gulp.series('sass_processor'));
    gulp.watch('./src/pug/**', gulp.series('pug_processor'));
    gulp.watch('*.html', gulp.series('html_watcher'));

    done();
};

function sass_processor(done){
    return gulp.src('./src/sass/main.scss')
    .pipe(sass({
        outputStyle: 'compressed'
      }).on('error', sass.logError))
    .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
    .pipe(gulp.dest('assets/css'))
    .pipe(browserSync.stream());

    done();
};

function pug_processor(done){
    return gulp.src('./src/pug/*.pug')
    .pipe(pug())
    .pipe(gulp.dest('./'))
    .pipe(browserSync.stream());

    done();
};

 function html_watcher(done) {
    return gulp.src('*.html')
    .pipe(browserSync.stream());

    done();
};

gulp.task("sass_processor", sass_processor);
gulp.task("pug_processor", pug_processor);
gulp.task("html_watcher", html_watcher);
gulp.task("browser_sync", browser_sync);

gulp.task("default", gulp.series(browser_sync));

Это не перезагружает браузер, который застрял в перезагружаемых браузерах... (буферизовано 2 события)

Я не понимаю, почему мой браузер не перезагружается, мопс работает и sass, но мне нужно обновить вручную, чтобы обновить изменения.