Questions tagged [browser-sync]
Related to the browser-sync Node.js module, used to synchronize URLs, interactions and code changes across multiple devices.
945
questions
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 "...
-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;
^
...
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 ...
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://...
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 ...
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 ...
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 ...
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 ...
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 -...
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/...
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 ...
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 ...
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 ...
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. ...
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 ...
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 ...
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?
...
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 ...
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 ...
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('...
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/...
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 ...
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 ...
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 ...
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"...
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
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 ...
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&...
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 ...
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 ...
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 ...
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 ...
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 ...
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/...
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:...
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...
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 ...
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 ...
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 ...
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 ...
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 ...
-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 ...
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 ...
-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 ...
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! ...
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 ...
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(...
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(){
...
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 ...
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 ...