浏览器无法自动刷新

Question

gulpfile是完全粘贴的你的，命令行也不报错，浏览器也会自动打开，但是浏览器console里会报错

livereload.js?snipver=1:74 WebSocket connection to 'ws://localhost:35729/livereload' failed: Connection closed before receiving a handshake response

Answer 1

慕雪1613582 2017-04-12 08:42:31

这个问题我没有碰到过，可能是你浏览器问题？或者35729端口被占用了？

试试换个浏览器或者改个端口

• 慕粉3854996 #1

  我也遇到这个问题，chrome，firefox都无法自动刷新，并且chrome控制台报错，firefox没有报错，浏览器都是最新版本，后来我用edge打开竟然自动刷新了，刷新指修改文件后自动刷新了

Answer 2

慕粉3854996 2017-04-12 20:52:24

我换了一种方法解决浏览器刷新，问题并没有解决，如果你解决希望可以告诉我！

使用browser-Sync插件，全局安装后在工作目录下--save-dev再安装一次，这样就可以不用安装gulp-connect,open,gulp-serve

gulpfile.js有几处改动，首先在最上面引入这个依赖

1	var browserSync = require('browser-Sync').create();

将所有

1	.pipe($.connect.reload());

改为

1	.pipe(browserSync.stream());

将

1 2 3 4 5 6

gulp.task('serve', ['build'], function() {   $.connect.server({     root: [app.devPath],     livereload: true,     port: 3000   });

改为

1 2 3 4

gulp.task('serve',['build'],function () {     browserSync.init({         server:  "./build"     });

希望对你有帮助！