browsersync重新加载Chrome中的页面，但不显示更改

Question

在我的gulp任务中，我使用browsersync，但由于chrome暂时无法刷新CSS，我在Safari和Chrome中使用browsersync。在过去，一切都很好，我没有更改gulp设置。在Safari中，重新加载的工作方式与预期的一样，在Chrome浏览器中，我可以看到页面的重新加载，以及右上角的“已连接到BrowserSync”消息。在browsersync重新加载Chrome后，什么也没发生。要查看更改，我必须手动“移位重新加载” chrome。我将chrome重置为基本设置，还发现有人说我必须在网络下的DevTools中禁用``浏览器缓存''。最后，我在浏览器标签中添加了Firefox，在Firefox中，一切都很好。

我有一个运行所有最新浏览器版本的新版macOS Sierra（10.12.6）。

附上我的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
  )
});

Answer 1