Stack Overflow
Stack Overflow

Questions tagged [gulp-browser-sync]

148 questions
2
votes
1 answer

Terminate running (watch) process (gulp-4.0)

I've implemented a task to run a server and react (reload) on changes of my source files. export function serveDev (gulp) { return () => { const bs = browserSync.create(); const stream = bs.init(config.browsersync.opts); …
DoK
  • 851
  • 3
  • 15
  • 31
2
votes
1 answer

Gulp and Browsersync injecting CSS but causing a full reload

I am trying to configure Gulp and Browsersync to inject CSS changes without a reload. The attached Gulpfile.js is calling .pipe(browserSync.stream()) after the SASS task. We see it inject, but then calls a full reload. /** * Gulpfile */ var gulp…
Jason Yarrington
  • 71
  • 2
  • 7
2
votes
0 answers

Browsersync apache server on existing proxy - stuck on loading

I'm having a problem making my gulp with browsersync run. When i run gulp sync the browser runs blank page that is stuck on loading, on http://localhost:8080/app_dev.php url. I use proxy option to virtual host that's linked to my local server with…
Malyo
  • 1,990
  • 7
  • 28
  • 51
2
votes
3 answers

Angular 2 Final - How to prevent 404 when refreshing the browser with url matrix notation instead query string?

I've this... this.router.navigate(['search', this.searchParameters]); that's generates something like '/search;text=test;dateFrom=12-10-2016' that's works fine ! However...if I refresh my browser or press enter on the URL address bar, I will got a…
Marco Jr
  • 6,496
  • 11
  • 47
  • 86
2
votes
0 answers

BrowserSync with Vagrant, Zurb Foundation, Nginx, Gulp

I seem to be close after a couple of days deep into this setup but still can't get BrowserSync to use Nginx as the server on the Vagrant Ubuntu 14.04 with Nginx guest and view the html on my MacBook Pro host. However, on http://localhost:3001/ on…
Preston
  • 3,260
  • 4
  • 37
  • 51
1
vote
1 answer

Why the gulp browsersync() does not work with Laragon?

Some times ago I created the simple gulp file for to automate development a bit. At the time, I was just working with XAMPP and my gulpfile worked well. But for the last time I started using the Laragon and I have the issue. After gulp command in…
vicso
  • 31
  • 4
1
vote
0 answers

Tutorial for browser-sync setup for Wagtail

I am new to python world and finished Codeforeveryone Wagtail videos. I have wireframe website that I have added to Wagtail but could not figure out how to get browser-sync to work. Could anyone suggest what I need to do to get this browser-sync…
William Jerome
  • 65
  • 6
1
vote
0 answers

BrowserSync redirects file path to folder path

I have a Gulp site with BrowserSync and the following structure: . ├── README.md ├── gulpfile.js ... ├── app/ │   ├── index.html │ ├── example.html │   ├── tools.html │ └── tools/ └── dist/ When I try to access the tools page via…
mincom
  • 670
  • 5
  • 21
1
vote
0 answers

Gulp 4 BrowSersync not refreshing the webpage when SCSS files changed

I just started to use Gulp with BrowserSync. Please, help me with following issue: When I save my SCSS files BrowserSync not refreshes the webpage but saves files OK. Here is what happening in the console: [21:37:48] Starting 'css'... [Browsersync]…
Valentine Samoylov
  • 11
  • 1
1
vote
0 answers

What does whitelist and blacklist do in Browser-sync?

I am trying to figure out what the following code means. gulp.task('browsersync', function() { browserSync.init({ proxy: browsersync_proxy, notify: false, open: false, snippetOptions: { whitelist:…
Lusha Li
  • 1,068
  • 2
  • 11
  • 22
1
vote
0 answers

browser-sync stream svg when using svg symbols

I'm trying to add browser-sync to an existing gulp setup. In my gulpfile I have a task that takes svgs in a folder and creates a single svg file with a for each individual svg file. In the html individual svg's are used like so where…
Craig Harshbarger
  • 1,863
  • 3
  • 18
  • 29
1
vote
0 answers

Gulp + browser-sync doesn't work: 'Cannot GET /'

I am learning the front-end build system currently gulp, i want to use brower-sync and the problem is when it brings up the browser it will not display my html file and it will say "Cannot GET /" error in the browser window. This is my index.js…
user11272367
1
vote
0 answers

Gulp v.4 CSS Inject Using BrowserSync not Working

I have a local server setup using Valet +. I have gulp v.4 setup with a gulpfile.js (see below) and I am trying to perform a watch function which creates a css inject as a default task. The sass compiling task works when the watch task triggers a…
Elysian Web Design
  • 43
  • 1
  • 9
1
vote
2 answers

Browser sync isn't serving the root files

Browser sync isn't serving the root files using gulp. this is my code: gulp.task("liveReload", [ "copy", "watch" ], function () { browserSync.init(null,{ server: { baseDir: ["public"] }, files: ["*"], port: 8080 }); …
Khaled Ramadan
  • 161
  • 3
  • 13
1
vote
0 answers

BrowserSync is not working on the root dir

BrowserSync gulp plugin, Is not reloading the browser page while the view is on the index.html which means localhost:3000 gulp.task("browserSync", function () { browserSync.init({ server: { baseDir: "./public" } …
Khaled Ramadan
  • 161
  • 3
  • 13
1 2
3
…
9 10