browser-sync - Browser-sync 在控制台«Reloading Browsers ...»中写入，但没有更新。为什么？

Question

gulpfile.js

var gulp = require('gulp')
var jade = require('gulp-jade')
var browserSync = require('browser-sync').create()

gulp.task('jade', function(){
  gulp.src('app/shit*/*.jade', {base: 'app'})
    .pipe(jade())
    .pipe(gulp.dest('build'))
})

gulp.task('watch', function() {
  gulp.watch('app/shit*/*.jade', ['jade'])
})

gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "build"
        }
    })

    gulp.watch("build/**/*.html", browserSync.reload)
    gulp.watch("build/**/*.css", browserSync.reload)
})

gulp.task('default', ['watch', 'browser-sync'])

保存文件后，控制台给出«Reloading Browsers ...»，但实际上浏览器并没有刷新。

Answer 1

在浏览器中打开应用程序时，您是否看到“已连接到 BrowserSync”的图例？否则应用程序不会重新加载。

检查部署的应用程序和 browserSync 是否都在同一个端口（默认为 3000）