Questions tagged [browser-sync]

Related to the browser-sync Node.js module, used to synchronize URLs, interactions and code changes across multiple devices.

Filter by
Sorted by
Tagged with
2 votes
0 answers
131 views

Docker: Browsersync not working correctly

I'm encountering an issue with my Node.js app using Gulp, Browsersync and Docker. When running locally with gulp watch, everything works fine. However, when using docker-compose up, I get a "...
Filip Huhta's user avatar
  • 2,113
-1 votes
0 answers
14 views

browser-sync start --server --directory --files "*" is not working

I am following along the lecture video. When I run browser-sync start --server --directory --files "*" in cmd, the following error appears. internal/modules/cjs/loader.js:628 throw e; ^ ...
Naing's user avatar
  • 1
0 votes
1 answer
33 views

Problem with browsersync proxy since I changed the apache to brew apache

I've had a mackbook M2 for a few months now and from the beginning I installed Apache from BREW. Thean loaded the websites I had already created on it. Through Grunt I load browsersync and everything ...
Carlos Bonnín's user avatar
0 votes
1 answer
23 views

Cannot get Browser Sync to detect changes

I'm having some issues with Browser Sync on a local Wordpress project. When I run: browser-sync start --proxy localhost:8888 --files "*" I get the following: [Browsersync] Proxying: http://...
Jono's user avatar
  • 53
0 votes
1 answer
196 views

How to configure Browsersync in Docker with an reverse proxy Apache network in WSL2

I'm trying to get Browsersync, WordPress and Apache working in Docker in WSL2 (Ubuntu). I had Browsersync working a couple of years ago in XAMPP on Windows but I realise this is an order of magnitude ...
edwinbradford's user avatar
0 votes
0 answers
17 views

Can you broadcast an external web page on Browsersync or does it have to be a site from within your own codebase?

I think I have a basic misunderstanding of how Browsersync works. Forgive my question. I have read the documentation and the issues on GitHub and here. I do understand that it works on two levels: The ...
Roaky Wood's user avatar
1 vote
1 answer
30 views

Can't get Gulp to execute Browser-sync on file change

After couple of years, I'm back at Gulp and it seems like a lot has changed. I'm trying to get a simple HTML file refresh on edit using Gulp and Browser-sync but the Gulp task seems to be failing with ...
mbilyanov's user avatar
  • 2,355
0 votes
0 answers
82 views

Wordpress redirects to localhost when navigate to browser sync url in docker

I created a docker compose that runs a wordpress project using php-apache image, mysql image and node image. All works fine. I have a custom theme that I'm developing and the theme uses webpack to ...
Manuel Bosi's user avatar
0 votes
0 answers
46 views

Error: Couldn't open browser while using BrowserSync in headless environment, what to do?

I tried to use browser sync on a github project and installed the latest version of node.js, npm and browsersync but when i try to enter the following codes this shows up. browser-sync start --server -...
Md. Towhidul Islam Rahat's user avatar
0 votes
1 answer
32 views

Why can browser-sync version not be shown, even installation is successful?

I would like to install browser-sync for my AngularJS application. When I $ sudo npm install -g browser-sync and provide the Password for installation, I get the following output: /usr/local/lib/...
FannieY's user avatar
  • 114
0 votes
1 answer
131 views

Implementing Live Reloading for WordPress and Vue Development on Localhost

I am currently developing a Vue application as a WordPress theme and need to establish communication between WordPress and Vue using PHP. To achieve this, I need to run both the WordPress server and ...
Zoe Smith's user avatar
0 votes
0 answers
34 views

Browsersync + Gulp.js live reload at Intellij Idea "update resources" lag

I use Browsersync + Gulp.js in Idea to hot reload my css styles at web page. Page reload occures properly. But resources served at exploded artifacts are overdue. My workflow: I chage change main.css ...
Kalinin's user avatar
  • 2,499
0 votes
0 answers
50 views

Gulp + BrowserSync spins up localhost:3000 but never fully loads/connects

Whenever I run the Gulp command to spin up the local server to localhost3000, it appears to run in the terminal but it never fully connects in the browser. The loading wheel just keeps spinning ...
Gunndroid's user avatar
1 vote
0 answers
43 views

Hey, Guys I am having issues with browser sync downloading

I am a beginner trying to get everything together. I can not seem to get the browser sync to download for anything. I have node .js downloaded it comes up on the command I have git and visual studio. ...
Dshoemaker's user avatar
0 votes
1 answer
80 views

Violation Avoid using document.write(). Brovser-sync issue

Had a message in console that says to avoid using document.write(). how it looks in html Its took a while to find how to fix it or even find where problem is, couse have this part of code: <script ...
QresT's user avatar
  • 5
1 vote
0 answers
289 views

npm run watch in docker compose

Im using Laravel Mix to build assets (css,js) , When i run npm run watch without using docker it work with opening a new browser Tab to watch changes for css and js files. But when using docker , i ...
AM12E's user avatar
  • 13
0 votes
0 answers
24 views

browser-sync not synchronizing

I am trying to link my GitHub to browser-sync using git bash, but I get an error saying warning: Application data // permission denied. How do I solve this? Is it necessary to do the synchronization? ...
Theophilus Acquah's user avatar
0 votes
0 answers
116 views

BrowserSync with docker-compose, gulp, and wordpress not working

I'm going a bit crazy getting my BrowserSync to work. I tried many different things for the 'proxy' field. localhost, localhost:8080, wp:80, prepending 'http://', etc. with the current files listed ...
Sam's user avatar
  • 185
0 votes
0 answers
54 views

Has Browser-Sync been deprecated to use globally?

Hello All and I was wondering if anyone uses Browser-sync with NotePad++. I use both VS Code and still fall back to Notepad++ when learning or experimenting. As of February 5th I could still use it ...
goofyfoot's user avatar
0 votes
0 answers
33 views

gulp styles finished immediately

styles/css is not working my gulpfile const gulp = require('gulp'); const browserSync = require('browser-sync'); const sass = require('gulp-sass')(require('sass')); const cleanCSS = require('...
gororoik's user avatar
0 votes
1 answer
50 views

Simple browsersync config doesn't work with asterisk match pattern

This code works fine (page is reloaded when I update index.ejs) : module.exports = { "port": 3001, "proxy": "localhost:3000", "files": "src/...
ElJackiste's user avatar
  • 4,121
0 votes
0 answers
28 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 ...
Salman Arefin's user avatar
0 votes
0 answers
65 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 ...
bob.dobbs's user avatar
  • 163
0 votes
0 answers
40 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 ...
rateb habedy's user avatar
1 vote
1 answer
503 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"...
Tyssen's user avatar
  • 1,581
0 votes
1 answer
434 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
Hasan askari's user avatar
0 votes
0 answers
30 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 ...
halloleo's user avatar
  • 9,432
0 votes
1 answer
235 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&...
UXK's user avatar
  • 405
1 vote
0 answers
31 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 ...
Katya Str's user avatar
0 votes
0 answers
59 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 ...
Judy's user avatar
  • 1
2 votes
1 answer
86 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 ...
MeltingDog's user avatar
  • 14.6k
1 vote
1 answer
1k 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 ...
nurrrb's user avatar
  • 31
0 votes
1 answer
160 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 ...
Ahmad Kamaluddin's user avatar
1 vote
0 answers
260 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/...
Anthony's user avatar
  • 3,218
1 vote
1 answer
1k 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:...
Maryando's user avatar
0 votes
1 answer
88 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...
mrOwl's user avatar
  • 21
2 votes
1 answer
814 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 ...
Matthew Knill's user avatar
1 vote
2 answers
2k 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 ...
Nate311's user avatar
  • 91
2 votes
0 answers
817 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 ...
Madriesen's user avatar
  • 518
1 vote
0 answers
251 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 ...
Luca Reghellin's user avatar
0 votes
1 answer
358 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 ...
fjimenez's user avatar
-1 votes
1 answer
1k 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 ...
C4pt4inC4nn4bis's user avatar
1 vote
0 answers
490 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 ...
bob's user avatar
  • 783
-1 votes
1 answer
46 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 ...
user17007422's user avatar
0 votes
1 answer
457 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! ...
Amaliodigital's user avatar
0 votes
1 answer
1k 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 ...
Yasin ÇABUK's user avatar
0 votes
1 answer
559 views

How to setup browser-sync with Wordpress and xampp

In my gulpfile.js I have the following code: const themeName = "test" const browsersync = require('browser-sync').create(); // Browsersync function browserSyncServe(cb) { browsersync.init(...
kivvi72's user avatar
0 votes
1 answer
572 views

Browser-sync - proxy a domain gets HTTP error 403 - you don't have authorization to view this page

I run a gulp task using NodeJS module browser-sync as below. === File gulpfile.js === let browserSync = require('browser-sync').create(); gulp.task('browser-sync', function(){ ...
LeonNguyen's user avatar
2 votes
1 answer
869 views

Mkcert generated rootCA on Node docker container, with Browsersync over https insecure

I'm running Nginx in one container over ports 80 and 443, the later with SSL certs generated with mkcert. This works wonderfully. In another container I'm running Node that in turn runs Gulp which in ...
Stuart Stiles's user avatar
0 votes
1 answer
211 views

How to use gulp-browser-sync with PhpStorm for .php files

How to connect browser-sync an PhpStorm. There is no problem when I use .html files, but with .php files, I get an error: Cannot GET / When setting up browser-sync in gulpfile.js people specify a ...
Mii's user avatar
  • 141

1
2 3 4 5
19