Gulp livereloadがgulp-connect with watchで動作しない

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

しかし、それも助けませんでした。 livereloadの問題は何ですか？

追加：コンソールを確認すると、ws://localhost:35729/livereloadに接続できないというメッセージが表示されます。また、ページをリフレッシュすると、コンソールにws://localhost:35729/livereloadとの接続が中断されたというメッセージが表示されます。これは、ライブリロードが適切な接続を確立できないことを意味しますか？

EDIT：私は私の.cssファイルを変更したときlivereload、自動的にページを更新しない今、何をやったけど。しかし、私はindex.htmlを変更してもまだ更新されません。

Answer 1

非常に、非常に悪い私の - 私はちょうど今、私の元のコードでは、私が上から

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

代わりのラインを持っていたこと、気づきました。私がそれを修正すると、すべてがうまくいった！