Browser-sync пишет в консоли "Перезагружает браузеры...", но обновления не происходит. Зачем?

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'])

После сохранения файла консоль выдает "Перезагружать браузеры...", но на самом деле браузер не обновляется.

Answer 1

При открытии приложения в браузере вы видите легенду "Подключен к BrowserSync"? в противном случае приложение не перезагрузится.

Убедитесь, что развернутое приложение и browserSync работают в одном и том же порту (по умолчанию 3000)