BrowserSync Gulp doesn't open in Chrome

Question

I try to open my website on localhost using BrowserSync and Gulp in Chrome, but it doesn't work. Default, it open in Firefox and everything works well. But, when I change params in gulpfile.js to open website in Chrome - I have this information:

[Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false) My config in gulpfile.js:

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

I tried "chrome", "chrome-browser", nothing happend. What I should to do? Notice: I have Ubuntu 17.04, Chrome is my default browser.

Answer 1

Try dropping Google from browser sync call... var browserSyncOptions = { browser: "google chrome", proxy: "localhost:3001", notify: false };

So you just have chrome. var browserSyncOptions = { browser: "chrome", proxy: "localhost:3001", notify: false };

Answer 2

I think the issue is with your port, try to change your proxy to below :

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

and check your website in chrome with this port :

http://localhost:3001

Update :

Also try to use the same port in browserSync :

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