browsersyncはChromeのページをリロードしますが、変更は表示されません

Question

私のgulpタスクでは私はbrowsersyncを使用していますが、しばらくしてからクロムはCSSをリフレッシュしません。 SafariとChromeでbrowsersyncを使用しています。過去にはすべてうまくいきました、私はギャルプの設定を変更しませんでした。 Safariではリロードが期待通りに機能しますが、Chromeではページのリロードが表示され、右上に「BrowserSyncに接続」メッセージが表示されます。 browsersyncがChromeをリロードした後、何も起こりません。変更を確認するには、手動で«リロード»クロムをシフトする必要があります。私は基本的な設定にクロムをリセットした、私はまた、誰かが私はDevToolsのネットワークの下で«ブラウザキャッシュ»を無効にする必要があると言ったポストを見つけた。最後に、Firefoxタグをブラウザタグに追加しました。また、Firefoxの場合はすべて正常です。

新しいMacOS Sierra（10.12.6）に最新のすべてのブラウザがインストールされています。

// 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

私gulpfile.jsを添付

私はあなたがsourcemapsを使用しているので、あなたの問題は非常によくan SSL certificate issueことができることを参照してください。