javascriptgoogle-chromegulpbrowser-syncgulp-browser-sync

BrowserSync Gulp doesn't open in Chrome

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.

Solution

  • 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' 
});