浏览器不会重新加载吞吐和livereload

请原谅,如果这可能看起来像一个重复的问题,但我已经阅读了每一个资源,我可以find帮助我确定我的问题的根源。

我正在编译一个jade文件后,尝试让gulp重新加载Chrome浏览器。 我有这个为我的gulpfile.js:

var gulp = require('gulp'), jade = require('gulp-jade'), connect = require('gulp-connect'); gulp.task('jade', function() { return gulp.src('src/*.jade') .pipe(jade({pretty: true})) .pipe(gulp.dest('dev/')) .pipe(connect.reload()) }); gulp.task('connect', function() { connect.server({ livereload: true, root: 'dev', debug: true }); }) gulp.task('watch', function() { gulp.watch('src/*.jade', ['jade']); }); gulp.task('default', ['connect', 'watch']); 

我的文件结构是:

 . ├── dev/ │ └── index.html ├── node_modules/ ├── src/ │ └── index.jade ├── gulpfile.js └── package.json 

在命令行inputgulp后,一切似乎都没有问题; 我的翡翠文件每次保存编译,但Chrome不刷新。 几句话:

  • 我在Chrome上安装了LiveReload扩展,当我在http:// localhost:8080上时,扩展名图标显示“LiveReload is connected”
  • 我已经在LiveReload扩展的Chrome扩展程序首选项中设置了“允许访问文件URL”。
  • 当gulp运行时, http:// localhost:35729返回,然后返回json {"tinylr":"Welcome","version":"0.2.1"}
  • 我已经在Windows和Linux上尝试过,但都没有成功。

有什么build议么?

Livereload似乎无法在新版本的gulp gulp-connect可靠地工作,请参阅3.0.0以来Livereload已损坏 。

我尝试使用gulp-connect@3.1.1来gulp-connect@3.1.1你的Gulpfile,我也无法使用gulp-connect@3.1.1 。 但是,如链接问题线程中所build议的那样,回退到gulp-connect 2.3.1版本确实解决了问题。 也许值得尝试一下。