browser sync - browsersync reloads page in chrome, but dosn't show the changes -


in gulp task use browsersync, since while chrome dosn't refresh css. use browsersync safari , chrome. in past fine, didn't changed gulp settings. in safari reload works expected, in chrome can see page reload, «connected browsersync» message in top right corner. after browsersync reloading chrome, nothing happend. see changes have manually «shift reload» chrome. reseted chrome basic settings, found post said have disable «browser cache» in devtools under network. added firefox browser tag, , in firefox fine.

i have fresh macos sierra (10.12.6) running newest browser versions.

attached gulpfile.js

// variables // ********************************************************  var gulp           = require('gulp'),     browsersync    = require('browser-sync'),     del            = require('del'),     autoprefixer   = require('gulp-autoprefixer'),     notify         = require('gulp-notify'),     plumber        = require('gulp-plumber'),     sass           = require('gulp-sass'),     sassglob       = require('gulp-sass-glob'),     sourcemaps     = require('gulp-sourcemaps'),     runsequence    = require('run-sequence');     // functions // ********************************************************  // plumber function zur ausgabe von fehlermeldungen function customplumber(errtitle) {   return plumber({     errorhandler: notify.onerror({       title: errtitle || "error running gulp",       message: "error: <%= error.message %>",       sound: "glass",     })   }) }     // tasks // ********************************************************    // sass kompilieren --------- gulp.task('sass', function() {   return gulp.src('../themes/custom/my-website/sass/**/*.scss')     .pipe(customplumber('error running sass'))     .pipe(sourcemaps.init())     .pipe(sassglob())     .pipe(sass({       includepaths: ['bower_components'],     }))     .pipe(autoprefixer({       browsers: 'last 2 versions',     }))     .pipe(sourcemaps.write('./sourcemap'))     .pipe(gulp.dest('../themes/custom/my-website/css'))     .on('end', browsersync.reload); });   // browser sync (proxy)------ gulp.task('browsersync', function() {   browsersync({     proxy: 'dev-my-website.selfip.net',     browser: ['google chrome', 'safari', 'firefox'],   }); });   // clean -------------------- gulp.task('clean:dev', function() {   del([     'css'   ]); });   // watch -------------------- gulp.task('watch', function() {   gulp.watch('../themes/custom/my-website/sass/**/*.scss',['sass']);   gulp.watch('../themes/custom/my-website/templates/**/*.twig', browsersync.reload); });   // default task ------------- gulp.task('default', function(callback) {   runsequence(     'clean:dev',     'sass',     ['browsersync', 'watch'],     callback   ) }); 


Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -