浏览器无法自动刷新

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有几处改动，首先在最上面引入这个依赖

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

将所有

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

改为

.pipe(browserSync.stream());

将

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

改为

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

希望对你有帮助！