Keep multiple browsers & devices in sync when building websites. http://browsersync.io
[BS] [UI] [weinre]: starting server at http://192.168.1.33:9000
_http_client.js:305
debug('SOCKET ERROR:', err.message, err.stack);
^
TypeError: Cannot read property 'displayName' of undefined
this error is also new
since today
no
i have body tag
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
can someone help me
my firewall is off
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
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
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.
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"}
that seems to have worked for me... but for some reason connected browsers don't show in the UI, even though they do reload
even though I have
https: true option