Questions tagged [browser-sync]
Related to the browser-sync Node.js module, used to synchronize URLs, interactions and code changes across multiple devices.
949
questions
0
votes
0
answers
15
views
Browsersync doesn't work initially but starts working after reloading the browser
I am trying to implement browsersync, my browsersync implementation works fine but it doesn't work initially after the start. It works fine when I reload the browser once after I start browsersync.
My ...
0
votes
0
answers
19
views
npm watch doesn't trigger browser-sync reloading
I'm trying to create an npm scripts configuration that compiles scss and uses browser-sync to reload the browser when files are written to the css directory.
The scss compilation works.
However, after ...
0
votes
0
answers
25
views
Gulpfile.js error: Did you forget to signal async completion
I just recently made a gulfile.js by helping google, but I face a problem which says
The following tasks did not complete: default, serve, sass
Did you forget to signal async completion?
Here is my ...
0
votes
1
answer
56
views
Browser-sync doesn't reload pages
With the below package.json file, my CSS and js compile OK and open a browser window proxying the correct site. But saving changes in files isn't causing the browser to refresh.
{
"scripts"...
0
votes
1
answer
69
views
Browser sync in Sublime Text
I want to use browser sync sublime text in Microsoft edge, what's the key? I used "edge","IE" both not worked
0
votes
0
answers
24
views
brower-sync via gulp file does not reload although browserSync.reload is wired to on('change')
I serve a site in development via browser-sync and have tried to wire up the sub-directories, so that the browser on files changes reloads. -- However the browser does not reload when I kick of the ...
0
votes
1
answer
39
views
Serve files from an in-memory file system with BrowserSync
I'm trying to figure out how to combine "memfs" with BrowserSync.
Is there a way to tell BrowserSync "Hey, don't work with Node's fs, but memfs's fs instead, which has a compatible API&...
0
votes
0
answers
33
views
browser-sync infinite reload
I have an express.js app running on port 8000 for which I wrote the following command to reload the server on code change:
nodemon bin/www -e js,pug
...and this one to compile .scss into .css in real ...
1
vote
0
answers
21
views
browser-sync opens without css
I'm very new to coding and this is my very first time asking a question here, so if i get something wrong, I'm sorry.
I was trying to set up browser-sync for the first time, but when i start it, it my ...
0
votes
0
answers
50
views
Error "Cannot GET /site" while using browsersync
I am using the following command to run browsersync
browser-sync start --directory --files "*"
I have nodejs installed with permissions given to go past the firewall.
When I goto localhost:...
0
votes
0
answers
18
views
cannot install browser-sync on macbook
I'm using the latest macbook air laptop and trying to install browser-sync globally by this command "sudo npm install -g browser-sync" after install node.js and npm succesfully.
but after I ...
2
votes
1
answer
45
views
Is there a way, in Node or Gulp, to reload the browser with a specific URL?
Apologies in advance if this is not the right place to ask.
Due to the way my workplace/CMS is set up I do not have access to a local version of the site to develop on. Instead, we are devloping CSS ...
0
votes
0
answers
44
views
Error: listen EADDRINUSE – using browser sync with Laravel mix
We use Laravel Mix as a webpack wrapper to run our watch and build processes for several projects.
In the development process it happens that watch processes are active in several projects at the same ...
0
votes
0
answers
8
views
Browsersync infinite loop that ends with unable to connect message
For many years I've worked with this setting of gulp and browsersync.
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
gulp.task('...
0
votes
0
answers
29
views
Cannot GET / gulp
I'm having problems starting browsersync. The site simply does not load. It gives an error:
Cannot GET /". I attach my project structure and server settings.
// SERVERconst server = () => {
...
0
votes
1
answer
530
views
http-proxy-middleware: pathFilter not working as expected
I am trying so setup a npm-based HTML development environment using two servers. One hosts my HTML app of static files (standard way: http://localhost:8080) while the other exposes an application api ...
-1
votes
0
answers
125
views
Browser-sync-client Uncaught TypeError: Cannot read properties of undefined (reading 'on')
I got this after a Jhipster upgrade to release 6.0.0.
i did the upgrade with npx jhipster upgrade.
angular 5 to 7.
From:
"browser-sync": "2.18.13", "browser-sync-webpack-...
0
votes
0
answers
68
views
Angular Universal SSR kubernetes BrowserSync console errors
Angular Universal application running in development keeps throwing a console error related to BrowserSync API
It seems Angular SSR makes these calls automatically, and there's really no way to ...
0
votes
0
answers
84
views
gulp & browser-sync cache JS and CSS files (how to disable cache ?)
I am using gulp and browser-sync for the local development. The problem is that browser-sync (or gulp) caches the js and css resources even after i changed them. After pressing hard refreshes many ...
0
votes
0
answers
31
views
Is it possible to use browser-sync as a proxy to watch for PHP files?
I have a xampp php server running at port 8080. Is it possible to do something like this
browser-sync start --proxy "localhost:8080" --files "*.php" "css/*.css" "js/*...
0
votes
0
answers
72
views
How to Syncing Offline MySQL db to online MySQL db
Currently my application (Application Based on Laravel and React) is running on localhost and I have same copy of this application is on cPanel, on localhost I have also an internet connection and ...
0
votes
0
answers
47
views
Brower-sync installation isn't working with terminal, I am on macOS. What do these errors below mean and how do I fix them?
myname@device ~ % sudo npm install -location=global browser-sync
Password:
npm ERR! code ENOTEMPTY
npm ERR! syscall rename
npm ERR! path /usr/local/lib/node_modules/browser-sync
npm ERR! dest /usr/...
0
votes
0
answers
34
views
Gulp browsersync + proxy - external scripts are not fully loading
I'm using gulp browsersync and proxy, to load an external webpage that is already live and to inject JS and CSS I am transpiling via gulp.
However, when I fire up gulp the web pages and browserSync is ...
0
votes
1
answer
91
views
BrowserSync wont load proxy from webpack
Im having issue related to BrowserSync Proxy using Laravel recently,
No idea how because everything was working before.
here is my webpack.mix.js
mix.browserSync({
Proxy: 'localhost:8000'});
and ...
1
vote
0
answers
139
views
Browsersync is running but does not refresh the page
I have MacOS + installed Docker container by Mark Shust (https://github.com/markshust/docker-magento) + installed browsersync on the host.
Magento has ".less" files in the folder: app/design/...
2
votes
0
answers
82
views
Gulp + Browsersync is compiling but localhost is not working
I have a Gulp + Browsersync setup which is compiling everything but when I try to view the site in the browser the localhost (Access URLs) is not working.
my code looks like below:
const browsersync = ...
0
votes
0
answers
30
views
Gulp/Browsersync opens empty browser
I have inherited some wordpress codebases that have been setup to run with gulp and browsersync so when running 'gulp' in the terminal it runs clean, build, serve, watch tasks and the site opens ...
0
votes
0
answers
32
views
browser-sync is not watching files found on a virtual file system
similarly with nodemon,
that doesn't detect changes to files on vm, unless called with -L,
browser-sync has the same problem.
bs detects changes to files on the linux container, but not to files in ...
0
votes
0
answers
169
views
browser-sync on Windows 11
I’m starting browser-sync by running browser-sync start -c .\bs-config.js in PowerShell. On Windows10 it works fine but Win11 has some new security features that prevent it from functioning.
First of ...
0
votes
0
answers
74
views
403 Access to localhost was denied, gulp-connect-php, browsersync
Receiving a 403 Error using gulp-php-connect with browser-sync. Identical configuration to another computer which does not produce the error.
Gulp CLI v2.3.0
Gulp Local v3.9.1
Node v10.16.3
Have ...
1
vote
1
answer
485
views
WordPress + BrowserSync + Local by Flywheel - CSS & JS Live Reload Workflow not working
I was trying to get this setup to work for a while and there is no support or similar issues over the web. There is actually one closed topic on Local community but no solution at all.
So, my setup is:...
0
votes
0
answers
142
views
BrowserSync Webpack in Docker
I have 3 containers, one for the DB, one for the php/apache and the last one for webpack.
My website is a Wordpress blog. I don't usually use Docker but I wanted to try. So, there is my webpack config ...
0
votes
0
answers
117
views
I can't get gulp-sass to compile SCSS to update the css after I make changes . It only says as "watch"
So for some reason when I run npm run watch it looks like its working, then I do changes on my SCSS but nothing updates on /assets/css. The paths are right, so i am sure there is no mistake there.
...
0
votes
1
answer
52
views
BrowserSync custom browser
How i can change 'browser' setting in BrowserSync to open all in Microsoft Edge Dev? I know only how to open in default Edge...
0
votes
0
answers
18
views
Does gulp initialize browserSync only once, even if being initiated in a task that executes multiple times?
I have the following code in my gulp file:
...
function styles () {
browserSync.init({
proxy: "https://localhost", //use your own server uri
port: 8000 //use your own port
});...
1
vote
1
answer
519
views
Cannot get Browsersync working properly with Laravel Sail with Laravel Mix
I have managed to get Browsersync partially working, however, whenever I make a request from my app after the page has loaded, the request is sent to the wrong URL.
The following are my Browsersync ...
1
vote
2
answers
921
views
Browser-sync proxy not loading with Laravel
I'm using browser-sync (v 2.27.9) and browser-sync-webpack-plugin (v 2.3.0) in my Laravel 8 project. I've never had any problems with my setup until I cloned my project on a brand new Mac Studio with ...
2
votes
0
answers
520
views
Laravel 9 Inertia pagination use correct base url with port
I'm using Laravel 9 with Inertia and VueJs. I'm trying to paginate my invoices, and the links display as expected when I load the page (http://localhost:3000). However, when I click on a button to go ...
0
votes
0
answers
60
views
Development environment setup github and browser sync
browser-sync start --server --directory --files "*"
browser-sync : File C:\Users\Sumithra\AppData\Roaming\npm\browser-sync.ps1 cannot be loaded because running scripts is
disabled on this ...
0
votes
0
answers
94
views
Browsersync through a rewriting proxy to server
I'm trying to get browsersync to work inside Gitpod, and I'm struggling to figure out if its possible.
I'm developing remotely, and so there are workspaces for example myworkspace.gitpod.io
To access ...
1
vote
0
answers
54
views
Browsersync infinitely loading on larger pages?
I'm having an issue with Browsersync specifically on larger pages throughout my blog. For example I have a contact page that is around 2k lines, however on larger pages around 6k lines and larger ...
1
vote
0
answers
180
views
How to enable hot module replacement with webpack + browsersync + mamp pro?
I'm currently trying to configure webpack to have browser sync and HMR work with wordpress under mamp pro.
Currently my configuration is this, and it's working, except that at this point, I'm quite ...
0
votes
1
answer
289
views
Is there a way to have Browsersynch on gulp watch my WP php files?
So I downloaded this Worpress template with gulp and browsersynch which watches all .js files and .css files. The wierd thing is that whenever I want to use gulp and BroswerSynch I have to type npm ...
0
votes
0
answers
189
views
How to setup Browser Sync to all devices connected to same network
Question:
How to setup Brower Sync to all devices connected to one network.
I have connected my PC with network from my mobile USB tethering. and mobile is connected to Wifi from another mobile ...
0
votes
0
answers
514
views
BrowserSync with docker-compose and laravel-mix
I've read several guides and questions here on SO but I cannot get this working.
Here is my docker-conpose.yml:
version: '3'
networks:
laravel:
driver: bridge
services:
nginx:
image: ...
0
votes
1
answer
681
views
Browsersync in docker pod (docker-compose, laravel-mix)
I am developing a laravel application with docker. In my pod i got a container vor the php-fpm process, a container for running nodejs (with npm run watch) and a container for nginx as a webserver ...
1
vote
0
answers
217
views
How do I prevent browser-sync from opening a new browser tab when I run it via npm scripts?
I'm wanting to start browser-sync from an npm script.
At the moment when I do this, browser-sync opens a new browser tab.
That's a cool feature. But I don't want this to happen all the time.
I've ...
-1
votes
1
answer
41
views
CSS file in vim buffer gets flooded with text on save when browser-sync is in use
Upon saving my index.css whilst
browser-sync --logLevel silent start --server --files index.css
is running in the background results in my vim to go from looking like this:
to getting flooded and ...
0
votes
1
answer
329
views
Installation of browser-sync on MAC rejected by OS
I Just installed node.js on my MAC and then tried to install browser-sync following the web instructions but got these errors but I don't know how to fix it. Could you help me solving it?
npm ERR! ...
0
votes
1
answer
800
views
Is there a way to achieve that Webpack Dev server proxy to wordpress properly?
I've seen some posts about it but with Webpack 5 maybe it can be done without the old problems.
Necessity is basic; use webpack Dev server and HMR for WordPress development. Instead of reloading with ...