Gulp Liveload funktioniert nicht mit gulp-connect mit Uhr

Question

Ich verwende gulp-connect Plugin für meinen Entwicklungsserver und auch ich habe gulp-livereload installiert. Dann habe ich die folgenden Aufgaben:

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

Aber immer, wenn ich den Server und machen alle Änderungen an Sheets laufen oder index.html ich muss noch die Seite manuell aktualisieren, obwohl ich alles nach ihren docs gemacht haben. Ich habe auch die default Aufgabe wie diese zu schreiben versucht:

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

aber es hat auch nicht geholfen. Was ist das Problem mit dem Liveload?

HINZUGEFÜGT: Wenn ich die Konsole überprüfe, heißt es, dass sie keine Verbindung zu ws://localhost:35729/livereload herstellen kann. Auch wenn ich die Seite aktualisiere, sagt die Konsole, dass die Verbindung mit ws://localhost:35729/livereload unterbrochen wurde. Bedeutet das, dass der Liveload keine ordnungsgemäße Verbindung herstellen kann?

EDIT: Obwohl ich nichts getan habe, aktualisiert jetzt Liveload die Seite automatisch, wenn ich meine .css Datei ändere. Aber es wird immer noch nicht aktualisiert, wenn ich index.html ändere.

Answer 1

Meine sehr, sehr schlecht - gerade jetzt bemerkt, dass in meinem ursprünglichen Code, den ich habe ich

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

statt Linie von oben. Sobald ich es repariert habe, hat alles funktioniert!