Проблемы с заданием GULP Watch. После компиляции index.html из PUG задача Gulp watch не обновляет браузер

Question

Мне нужна помощь с моими заданиями.

После компиляции index.html из PUG задача Gulp watch не обновляет браузер.

Это мой watch.js

var gulp = require('gulp'),
    watch = require('gulp-watch'),
    browserSync = require('browser-sync').create();


gulp.task('watch', function(){
    browserSync.init({
        notify: false, 
        server: {
            baseDir: "app"
        } 
    });

    watch('./app/index.html', function(){
        browserSync.reload();
    });

    watch('./app/assets/pug/*.pug', function(){
        gulp.start('htmlRefresh');
    });
});

gulp.task('htmlRefresh', ['pug'] ,function(){
    browserSync.reload();
}); 

это мой pug.js

var gulp = require('gulp'),
    pug =  require('gulp-pug'),
    notify = require('gulp-notify');

gulp.task('pug',function(){
   return gulp.src('./app/assets/pug/*.pug')
   .pipe(pug({ pretty: true }))
   .on('error', notify.onError(function (error) {
    return {
        title: 'Pug',
        message: error.message
    } 
}))
   .pipe(gulp.dest('./app'));
}); 

На выходе я получаю скомпилированный HTML-код в папке "./app/index.html". Наблюдение за задачей должно перезагрузить браузер:

watch('./app/index.html', function(){
    browserSync.reload();
});

Но ничего не меняется. Где ошибка?

Answer 1

"браузер-синхронизация" работает только там, есть тег "тело". Когда я тестировал задачи Gulp, я экспериментировал с одним тегом html без.