Question

我遇到了一个奇怪的问题。当我在线时（由wimax连接）BroswerSync工作正常但在我离线时无法正常工作或启动浏览器。几天前，livereload也发生了同样的问题。可能是什么问题？

以下是gulpfile.js

上的简单代码

var gulp = require('gulp');
var browserSync = require('browser-sync');

gulp.task('browser-sync', function () {
    browserSync.init({
        server: {
            baseDir: './'
        }
    })
});

当我运行gulp命令显示 -

$ gulp browser-sync
[23:25:12] Using gulpfile e:\myapps\gulp-browsersync\gulpfile.js
[23:25:12] Starting 'browser-sync'...
[23:25:13] Finished 'browser-sync' after 119 ms

然后停了..

Answer 1

在我的案例中，我只是改变

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#imagegroup1{
	display:inline;
	positon:absolute;
	top:160px;/*pos
	left:690px;
	
	}
	#imagegroup2{float:left;
	display:inline;
	positon:static;
	top:160px;
	left:1000px;
	}
#imagegroup3{

	display:inline;
	positon:absolute;
	top:360px;
	left:690px;
	
	}
#imagegroup4{
	display:inline;
	positon:absolute;
	top:360px;
	left:1000px;
	
	}
</style>
</head>
<body>
<div id ="imagegroup1"><img src="img1.jpg" height="180px" width="270px"/></div>
<div class="imagegroup2"><img src="img2.jpg" height="180" width="270"/></div>
<img id="imagegroup3" src="img3..jpg" height="180" width="270"/>
<img id="imagegroup4" src="img4.jpg" height="180" width="270"/>

</body>

到

proxy: 'localhost:80'

并开始工作..

Answer 2

我可能在这里遗漏了一些内容，但您是否尝试过将browserSync选项设置为离线：是吗？如果没有，这可能就是问题所在。

链接：http://www.browsersync.io/docs/options/#option-online

browsersync无法脱机工作

2 个答案: