Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 15 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
Marko Bolliger
@cannap
i use wordpress but i dont know why it just stopped working
before 20min everythign was finde then i enabled
weinre and boom broken
but this is not the first time i enable weinre
yesterday everything was fine
Andrius Solopovas
@asolopovas
Hi guys, recepies do not work with webpack2 does anyone had got it working?
arnava17
@arnava17
Hi. I am using angular 2 seed project from angular official site. I need to disable browser-sync in that project. How can I do it?
nusu
@nusu
hey fellas I'm having little bit struggle with connecting localhost via my iphone
can someone help me
my firewall is off
Aman Sharma
@amanwebdev
having trouble! can't access this angular 2 browser sync app from outside ?
Onur Alp Baklaci
@onuralpb
I am wondering too. But is speed okay?
QMYT
@brokleen
hello ?
harrystark
@harrystark
why does browsers request for favicon.ico?
codeyad
@codeyad
Hi everybody, im facing a problem using Angular 1 and gulp with browsersync, if most than one user have the site open and one of them change to another state the other user page will change as well, how can i fix that? ghostmode: false seems not to work
codeyad
@codeyad
can someone please give me a hand with this?
S-Amin
@S-Amin
Hi guys, I notice that browser-sync just injects css files not js files while webpack-dev-server injects js files and does not refresh the page. It seems that hot module replacement doesn't work in browser-sync. Is there any way to fix that?
kent-gova
@kent-gova
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?
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.