吞咽肝不起作用-使用手表连接

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

但也没什么用。肝脏有什么问题？

补充道：当我检查控制台时，它说它不能连接到ws://localhost:35729/livereload。另外，当我刷新页面时，控制台说与ws://localhost:35729/livereload的连接被中断了。这是否意味着肝脏无法建立适当的联系？

编辑：--尽管我什么也没做，但现在livereload在更改文件时会自动刷新页面。但是，当我更改index.html时，它仍然不会刷新。

Answer 1

我非常，非常糟糕--我刚刚注意到，在我的原始代码中

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

而不是从上面的线。我一修好它，一切就都正常了！