浏览器无法自动刷新

来源:3-4 自动化构建工具(3)

郑昊川

2017-04-11

gulpfile是完全粘贴的你的,命令行也不报错,浏览器也会自动打开,但是浏览器console里会报错http://szimg.mukewang.com/58ec715a0001eaac16301331.jpg

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

写回答

2回答

慕雪1613582

2017-04-12

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

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

0
1
慕粉3854996
我也遇到这个问题,chrome,firefox都无法自动刷新,并且chrome控制台报错,firefox没有报错,浏览器都是最新版本,后来我用edge打开竟然自动刷新了,刷新指修改文件后自动刷新了
2017-04-12
共1条回复

慕粉3854996

2017-04-12

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

使用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"
	});

希望对你有帮助!

1
0

Angular JS 仿拉勾网 WebApp 开发移动端单页应用

基于AngularJS,仿拉勾网开发一个招聘类的移动端单页应用

1660 学习 · 857 问题

查看课程