Gulp livereload не работает с gulp-connect, используя часы

Question

Я использую плагин gulp-connect для моего сервера разработки, а также я установил gulp-livereload. Тогда я сделал следующие задачи:

var gulp = require('gulp'), 
    connect = require('gulp-connect'), 
    livereload = require('gulp-livereload'); 


gulp.task('serve', function() { 
    connect.server({ 
    root: 'app', 
    livereload: true 
    }); 
}); 

gulp.task('css', function() { 
    gulp.src('./app/stylesheets/*.css') 
    .pipe(connect.reload()); 
}); 

gulp.task('html', function() { 
    gulp.src('./app/index.html') 
    .pipe(connect.reload()); 
}); 

gulp.task('watch', function() { 
    gulp.watch('./app/stylesheets/*.css', ['css']); 
    gulp.watch('./app/index.html', ['html']); 
}); 

gulp.task('default', ['serve', 'watch']); 

Но всякий раз, когда я запускаю сервер и делать какие-либо изменения в таблицы стилей или index.html мне еще нужно обновить страницу вручную, хотя я сделал все, что в соответствии с их документами. Я пытался также написать default задачу так:

gulp.task('default', ['serve', 'html', 'css', 'watch']); 

, но это не помогло. В чем проблема с печенью?

ADDED: Когда я проверяю консоль, он говорит, что не может подключиться к ws://localhost:35729/livereload. Также, когда я обновляю страницу, консоль говорит, что соединение с ws://localhost:35729/livereload было прервано. Означает ли это, что перегрузка в реальном времени не может установить правильную связь?

EDIT: Хотя я ничего не сделал, теперь функция livereload обновляет страницу автоматически, когда я меняю свой файл .css. Но он не обновляется, когда я меняю index.html.

Answer 1

Мой очень, очень плохо - я только сейчас заметил, что в моем исходном коде я имел

// ... 
    gulp.watch('./app/html', ['html']); 

вместо строки сверху. Как только я это исправил, все сработало!