BrowserSync Gulp无法在Chrome中

时间:2017-11-22 09:21:28

标签: javascript google-chrome gulp browser-sync gulp-browser-sync

我尝试在Chrome中使用BrowserSync和Gulp在localhost上打开我的网站,但它不起作用。默认情况下,它在Firefox中打开,一切正常。但是,当我在gulpfile.js中更改params以在Chrome中打开网站时 - 我有这样的信息:

  

[Browsersync]无法打开浏览器(如果您正在使用BrowserSync)   无头环境,您可能希望将open选项设置为false)   我在gulpfile.js中的配置:

// browser-sync options
// see: https://www.browsersync.io/docs/options/
var browserSyncOptions = {
    browser: "google chrome",
    proxy: "localhost",
    notify: false
};

我试过“chrome”,“Chrome浏览器”,什么也没发生。我该怎么办? 注意:我有Ubuntu 17.04,Chrome是我的默认浏览器。

2 个答案:

答案 0 :(得分:2)

我认为问题在于您的端口,请尝试将代理更改为以下内容:

var browserSyncOptions = {
    browser: "google chrome",
    proxy: "localhost:3001",
    notify: false
};

并使用此端口检查您的网站:

http://localhost:3001

更新:

还尝试在browserSync中使用相同的端口:

browserSync({ 
   proxy: 'localhost:3001' 
}); 

答案 1 :(得分:1)

尝试从浏览器同步通话中删除Google ... var browserSyncOptions = {     浏览器:"谷歌浏览器",     proxy:" localhost:3001",     通知:false };

所以你只有铬。 var browserSyncOptions = {     浏览器:" chrome",     proxy:" localhost:3001",     通知:false };