Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Oct 14 16:23
    eccentric-j opened #1910
  • Oct 06 21:08
    Pomax opened #1909
  • Oct 05 19:50
    dependabot[bot] labeled #1908
  • Oct 05 19:50
    dependabot[bot] opened #1908
  • Oct 05 06:57
    anatawa12 opened #1907
  • Sep 21 18:20
    veleek synchronize #1906
  • Sep 21 18:18
    veleek edited #1906
  • Sep 21 18:17
    veleek opened #1906
  • Sep 21 05:01
    dependabot[bot] labeled #101
  • Sep 21 05:01
    dependabot[bot] opened #101
  • Sep 20 22:17
    dependabot[bot] closed #1901
  • Sep 20 22:17
    dependabot[bot] labeled #1905
  • Sep 20 22:17
    dependabot[bot] opened #1905
  • Sep 20 14:30
    Z-Zen opened #1904
  • Sep 16 17:31
    raniesantos edited #1903
  • Sep 15 21:15
    raniesantos opened #1903
  • Sep 06 15:12
    eternalgil edited #1902
  • Sep 04 16:44
    eternalgil opened #1902
  • Sep 01 20:00
    dependabot[bot] labeled #1901
  • Sep 01 20:00
    dependabot[bot] opened #1901
Hi guys, I would like to know if its possible in browser sync that when you do npm start it will pop up different browsers with different browser width? so that I will no longer resize the browser manually? Hope you guys have thought on this?
@kent-gova I'm not expert but on top of my head, once to run browser-sync leave it to be running then open several browser and resize them and never stop the server so they all are going to be sync. why to stop the server and run it again??
@S-Amin It's not actually meant for stop and re-run server. It's for the convenience of not resizing the browser and only to have all the desired different browser size needed considering of not syncing to mobile emulators but only browsers.
Carlos Eduardo Villalta
Hey guys, I have an express project that runs an angular fe that is built with webpack, right now I have a task that builds assets with webpack-stream to /dist and reload the server with nodemon-gulp, now I want to integrate browser sync for browser reloads but Im having a hard time understanding how to do that
In the gulp-nodemon documentation, I find this:
Using gulp-nodemon with browser-sync

Some people want to use browser-sync. That's totally fine, just start browser sync 
in the same task as nodemon({}) and use gulp-nodemon's 
.on('start', function () {}) to trigger browser-sync. Don't use the
.on('restart') event because it will fire before your app is up and running.
But I don’t know how to trigger it
Carlos Eduardo Villalta
I have something like
gulp.task('serve:watch', ['nodemon'],() => {
    browserSync.init(null, {
        proxy: "http://localhost:3000",
        files: ["dist/**/*.*"],
        browser: "google chrome",
        port: 7000,
// Configure gulp-nodemon
// This watches the files belonging to the app for changes
// and restarts the server whenever a change is detected
gulp.task('nodemon', ['webpack-build'], cb => {
  let started = false;
  return nodemon({
    script: 'server.js',
    ext: 'js html pug ts scss',
    env: {'NODE_ENV': 'development' },
    tasks: ['webpack-build'],
    ignore: 'dist'
  .on('start', () => {
    if (!started) {
      started = true;
It appears to be reloading before the build is finished
and thus causing the app to hang instead of actually reloading when it should
Sridhar S
Hi there,
How can i get port number browser sync is running on
i need to get that port number for my process. Could anyone please suggest me
What's the best way to diagnose browser-sync? Live reload works, but clicks / typing in input fields doesnt get synced, I can see the socket.io frames show up accross browsers, so it must be a client issue.
When typing asdf in an input field, the other browser shows frames, but doesn't modify the input field.
42/browser-sync,["input:text", {tagName: "INPUT", index: 0, value: "asdf", url: "/vNext/donor-care/donor/list"}]
{tagName: "INPUT", index: 0, value: "asdf", url: "/vNext/donor-care/donor/list"}
Scratch that, SOME clicks work, others don't
It seems to be an issue where clicking a link that navigates to another page doesn't work, and because the urls are different nothing works
Sridhar S
Is there any way to get external link pragmatically ??
Matias Fernandez Martinez
Hi everyone, I need to run browser-syncin server mode with a custom host name, in order to use a Java's Localhost server and CORS for the Web services, I couldn't find the right configuration jet, anyone has any experience with this?
Aaron Beall
@thematho Did you figure it out? Trying to do the same sort of thing
Matias Fernandez Martinez
@aaronbeall I gived up after a week of trying to solve this. I endded up disabling the Google Chrome Security Flag in order to run both servers and avoid cors issuesm the problem I had was related to Authorizes access to the cookies on both servers
Aaron Beall
Were you using the "host" option?
that seems to have worked for me... but for some reason connected browsers don't show in the UI, even though they do reload
Aaron Beall
When I try to use the snippet I'm getting in the console https://localhost:3000/browser-sync/browser-sync-client.js?v=2.18.13 net::ERR_INSECURE_RESPONSE
even though I have https: true option
(in Chrome)
Matias Fernandez Martinez
I tried https and the latest cors option in true, also with a proxy, nothing worked for me
Hi, I have a react app and would like to use browsersync for dev how to set this up for mobile?
Vishnu Dileesh
Hey friends, i have integrated gulp and browsersync with adonis js framework through proxy and facing a challenge of browsersync not working on sub directories urls like: localhost:3000/test how to fix it, thanks
Kevin Kaland
Ugh...a page that has been working fine now keeps randomly reloading itself...I have no clue why.
Kevin Kaland
...I just reloaded everything and loaded the same URL on a different tab, and it cleared up ¯\_(ツ)_/¯
Ehsan Amini

Hi everyone! I have the following in my gulpfile:

gulp.task('serve', ['watch'], function() {
        server: './dist'
    // gulp.watch('src/sass/**/*.scss', ['build-css']);
    gulp.watch(['dist/**/*.html']).on('change', browserSync.reload);

gulp.task('imagemin', function() {
    .pipe(plugins.imagemin({progressive: true}))

gulp.task('watch', function() {
    gulp.watch('src/**/*.html', ['copy-html']);
    gulp.watch('src/sass/**/*.scss', ['build-css']);
    gulp.watch('src/raw-images/**/*.jpg', ['imagemin']);
    gulp.watch('src/scripts/**/*.js', ['jshint']);

When I type npm start, gulp runs, browsersync loads the page and everything works fine and dandy. Changes to sass and html cause rebuild and reload as expected, but changes to images (and scripts) don't trigger their respective tasks. I have checked the folder structure and filetype and they seem to be correct. I also ran the imagemin and the watch tasks individually. Alone they both work as expected. What gives?

I want browsersync to only reload when anything in the dist folder changes and my watch task only watch for changes in the src folder.
Mandeep Sharma
Hello To All
I m totally new to browser sync in having so many issues with that
Mandeep Sharma
i getting this error when i install browser sync through cmd
[$ npm install -g browser-sync
npm ERR! request to https://registry.npmjs.org/browser-sync failed, reason: unable to verify the first certificate

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Office Account\AppData\Roaming\npm-cache\_logs\2018-09-05T09_33_17_222Z-debug.log]
can any 1 help
James Drawneek
Has anyone ever seen BS hang on "Starting Step: Checking online status" ?
It's been previously working but this morning it hangs on that, or gets further but is then unresponsive
Garth Braithwaite
I'm not finding any contribution guidelines and I'm looking to work on this problem BrowserSync/browser-sync#1511
Any recommendation on where to start on things like testing guidelines?
My main problem is that changes in scss don't update in the css. all of the scss appears to work . I compiled the scss to css and cssmin, but changes to it now from my scss don't happen.
Guilherme Bayer
Hi guys, I have a question about CORS, to set Access-Control-Allow-Origin: *, I only need set cors: true at my config?
Guilherme Bayer
Because I set, but it's not working
Andrius Solopovas
Hi everyone, guys what can be triggering browser reload if I simply click anchors in my single page app.
I get something like that in the console Reloading Browsers... (buffered n evetns)
And it only happens when I click through route links in form of anchor and suddenly it triggers reload sparadically
so I can click one two link and it doesn't trigger, but the third for example will give me a message Reloading Browser... and it does a full reload
anyone alive in here
Andrius Solopovas
@eyooooo probably not, nobody ever responds to any queries I think you will have more luck on stackoverflow