Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 02:27
    danyj opened #1721
  • Oct 09 20:13
    unformatt edited #1720
  • Oct 04 14:45
    unformatt edited #1720
  • Oct 03 09:27
    leung85 closed #1295
  • Oct 02 16:39
    unformatt edited #1720
  • Oct 02 16:38
    unformatt opened #1720
  • Oct 02 00:20
    offbynull edited #1719
  • Oct 01 23:59
    offbynull edited #1719
  • Oct 01 23:58
    offbynull edited #1719
  • Oct 01 23:58
    offbynull opened #1719
  • Sep 27 15:58
    ploutos27 closed #1651
  • Sep 05 08:27
    josefarrugia opened #1718
  • Sep 01 09:52
    nwittwer edited #1717
  • Sep 01 09:47
    nwittwer edited #1717
  • Sep 01 09:47
    nwittwer opened #1717
  • Aug 19 17:40
    HusamIbrahim opened #1716
  • Aug 14 12:06
    richb-hanover closed #1715
  • Aug 14 12:02
    richb-hanover edited #1715
  • Aug 14 12:02
    richb-hanover opened #1715
  • Aug 13 09:35
    edram closed #1404
S-Amin
@S-Amin
@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??
kent-gova
@kent-gova
@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
@CarlosV89
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
@CarlosV89
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) {
      cb();
      started = true;
      browserSync.reload();
    }
  });
});
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
@SridharDreamSri
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
cornillemichiel
@cornillemichiel
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"}]
0
:
"input:text"
1
:
{tagName: "INPUT", index: 0, value: "asdf", url: "/vNext/donor-care/donor/list"}
image.png
cornillemichiel
@cornillemichiel
Scratch that, SOME clicks work, others don't
cornillemichiel
@cornillemichiel
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
@SridharSathaSivam
Is there any way to get external link pragmatically ??
Matias Fernandez Martinez
@thematho
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
@aaronbeall
@thematho Did you figure it out? Trying to do the same sort of thing
Matias Fernandez Martinez
@thematho
@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
@aaronbeall
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
@aaronbeall
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
@thematho
I tried https and the latest cors option in true, also with a proxy, nothing worked for me
miriam-z
@miriam-z
Hi, I have a react app and would like to use browsersync for dev how to set this up for mobile?
Vishnu Dileesh
@VishnuDileesh
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
@wizonesolutions
Ugh...a page that has been working fine now keeps randomly reloading itself...I have no clue why.
Kevin Kaland
@wizonesolutions
...I just reloaded everything and loaded the same URL on a different tab, and it cleared up ¯\_(ツ)_/¯
Ehsan Amini
@ehsanamini

@ehsanamini
Hi everyone! I have the following in my gulpfile:

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

gulp.task('imagemin', function() {
    gulp.src('src/raw-images/**/*.jpg')
    .pipe(plugins.imagemin({progressive: true}))
    .pipe(gulp.dest('dist/images'));
})


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
@mandeephub
Hello To All
I m totally new to browser sync in having so many issues with that
Mandeep Sharma
@mandeephub
i getting this error when i install browser sync through cmd
[$ npm install -g browser-sync
npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE
npm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATURE
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
@jmdrawneek
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
@GarthDB
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?
wfd2018
@wfd2018
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
@iamgbayer
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
@iamgbayer
Because I set, but it's not working
Andrius Solopovas
@asolopovas
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