GULP 监视任务的问题。编译索引后.html从 PUG 开始，Gulp 监视任务不刷新浏览器

Question

我需要帮助我的Gulp任务。

在PUG中编译索引。Html后，Gulp Watch Task不会刷新浏览器。

这是我的手表

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'));
}); 

在输出上，我在文件夹'./app/index.html'中收集了html代码。观察任务必须重新加载浏览器：

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

，但没有任何改变。错误在哪里？

Answer 1

" browser-sync"仅能工作的是标签"身体"。当我测试此GULP任务时，我尝试了单个HTML标签，没有。