浏览器同步不会在更改html后重新加载我的浏览器

Question

＆＃13;

＆＃13;

const gulp = require('gulp');
    const sass = require('gulp-sass');
    const nunjucks = require('gulp-nunjucks');
    const autoprefixer = require('gulp-autoprefixer');
    const cssnano = require('gulp-cssnano');
    const imagemin = require('gulp-imagemin');
    const browserSync = require('browser-sync').create();
    const uglify = require('gulp-uglify');
    const plumber = require('gulp-plumber');

    var config = {
        bootstrapDir: './node_modules/bootstrap-sass',
        uploadDir: './upload'
    };

    gulp.task('css', function () {
        gulp.src('./css/*')
        .pipe(plumber())
        .pipe(sass())
        .pipe(autoprefixer())
        .pipe(cssnano())
        .pipe(gulp.dest(config.uploadDir + '/css'))
        .pipe(browserSync.reload({
            stream: true
        }));
    });

    gulp.task('fonts', function () {
        gulp.src(config.bootstrapDir + '/assets/fonts/**/*')
        .pipe(gulp.dest(config.uploadDir + '/fonts'));
    });

    gulp.task('js', function () {
        gulp.src('./js/*')
        .pipe(plumber())
        .pipe(uglify())
        .pipe(gulp.dest(config.uploadDir + '/js'));
    });

    gulp.task('images', function () {
        gulp.src('./images/**/*')
            .pipe(plumber())
        .pipe(imagemin())
        .pipe(gulp.dest(config.uploadDir + '/images'));
    });
// This is the code for the template(html) task
    gulp.task('templates', function () {
        gulp.src('./templates/*.html')
        .pipe(plumber())
        .pipe(nunjucks.compile({
            appName: 'Gulp' //Global variable
        }))
        .pipe(gulp.dest(config.uploadDir));
    });

    gulp.task('browserSync', function() {
        browserSync.init({
            server: {
                baseDir: config.uploadDir
            }
        });
    });

//This is my watch task
    gulp.task('watch',['browserSync', 'css', 'templates'], function() {
        gulp.watch('./css/*', ['css']);
        gulp.watch('./templates/*.html', ['templates', browserSync.reload]);
    })

    //gulp.task('default', ['css', 'fonts', 'js', 'images', 'templates', 'browserSync']);
    enter code here

＆＃13;

＆＃13;

＆＃13;

当我运行gulp watch时，对css文件所做的任何更改都会导致浏览器重新加载，但是如果我对我的html文件进行更改，我将需要刷新浏览器才能看到更改

我可以看到uploadDir＆＃34;（./ upload）＆＃34;文件夹，但可以;弄清楚为什么我必须刷新页面才能看到实时更改