Gulp+browsersync не обновляет html?

Question

[Anton Почти]

var gulp      = require('gulp'), 
    sass        = require('gulp-sass'), 
    browserSync = require('browser-sync'), 
    jade = require('gulp-jade');


gulp.task('sass', function(){ 
    return gulp.src('app/sass/**/*.sass') 
        .pipe(sass()) 
        .pipe(gulp.dest('app/css')) 
        .pipe(browserSync.reload({stream: true})) 
});

gulp.task('browser-sync', function() {
    browserSync({ 
        server: { 
            baseDir: 'app'
        },
        notify: false 
    });
});



gulp.task('jade', function(){
    return gulp.src('app/jade/**/*.jade')
    .pipe(jade())
    .pipe(gulp.dest('app'))
});

gulp.task('watch', ['browser-sync', 'sass','jade'], function() {
    gulp.watch('app/sass/**/*.sass', ['sass']);
    gulp.watch('app/jade/**/*.jade', ['jade']); 
    gulp.watch('app/*.html', browserSync.reload); 
   
});

Знающие люди посмотрите пожалуйста код и скажите почему у меня не обновляет ? если убрать Jade то все работает..

Comments

[sergey]

Господи когда уже научитесь код правильно вставлять на странице?

[Anton Почти]

SM: my bad sorry

[sergey]

Женя Почти: ну вот и теперь посмотрите на свои переменные? как может там что-то работать, если орфографическая ошибка сразу.

Answer 1

[Danila]

gulp.watch('app/*.html', browserSync.reload);
заменить на

gulp.watch('app/*.html').on('change', browserSync.reload);

Comments

[flomasta]

Автор, спасибо тебе, друг, выручил)пол дня регался на этом тостере чтобы благодарочку тебе отписать))

Answer 2

[Ленар Фаттахов]

А почему вы в таск sass прописали .pipe(browserSync.reload({stream: true})), а в таск jade нет?

Comments

[Anton Почти]

Нет не помогает

Answer 3

[sergey]

Вот ошибка, вы точку с запятой зачем влепили после browser-sync

browserSync = require('browser-sync'); 
jade = require('gulp-jade');

Должно быть так:

var gulp = require('gulp'),
  sass = require('gulp-sass'),
  jade = require('gulp-jade'),
  browserSync = require('browser-sync'),
  reload = browserSync.reload;


gulp.task('sass', function() {
  return gulp.src('app/sass/**/*.sass')
    .pipe(sass())
    .pipe(gulp.dest('app/css'))
    .pipe(reload({
      stream: true
    }));
});

gulp.task('browser-sync', function() {
  browserSync({
    server: {
      baseDir: 'app'
    },
    notify: false
  });
});

gulp.task('jade', function() {
  return gulp.src('app/jade/**/*.jade')
    .pipe(jade())
    .pipe(gulp.dest('app'))
    .pipe(reload({
      stream: true
    }));
});

gulp.task('watch', ['browser-sync', 'sass', 'jade'], function() {
  gulp.watch('app/sass/**/*.sass', ['sass']);
  gulp.watch('app/jade/**/*.jade', ['jade']);
  gulp.watch('app/*.html', browserSync.reload);

});

Comments

[Anton Почти]

сейчас проверю

[sergey]

Женя Почти: да что там проверять: вы в редакторе откройте свою запись и увидите сразу ерунду

[Anton Почти]

Проблема не решилось, все еще актуально

[sergey]

Женя Почти: reload = browserSync.reload - добавьте эту строчку в переменные

[Anton Почти]

SM: jade перестал компилировать, старая проблема осталась

[sergey]

Женя Почти: ошибку какую выдает?

[Anton Почти]

SM: c jade все ok, в том то и дело нету ошибки, в командной строке все правильно . [17:51:13] Starting 'jade'...
[17:51:13] Finished 'jade' after 19 ms
[BS] Reloading Browsers...

[Anton Почти]

SM: Возможно проблема не в коде

[sergey]

Женя Почти: а в чем?:)

[Anton Почти]

Ну вот как видно в консоле (смотрите выше) все верно: jade компилирует далее идет запрос на обновление страницы, а хром не отвечает