ブラウザ同期の自動リロードは動作しません

Question

多くのコードの変形を試みましたが、home.htmlロードは一度だけでした.CSSフォルダのStyle.cssファイルを変更すると自動的にリロードされません。 私は私が間違っているの何本

var gulp = require('gulp'); 
var browserSync = require('browser-sync').create(); 
var reload = browserSync.reload() 
gulp.task('serve', function() { 

     browserSync.init({ 
     server: { 

      baseDir: "./", 
    index: "./main/home.html" 
     }, 
    }); 
    gulp.watch("/css/Style.css", [reload]) 

}); 

そして

var gulp = require('gulp'); 
var browserSync = require('browser-sync').create(); 
var reload = browserSync.reload("./main/home.html") 
gulp.task('serve', function() { 

     browserSync.init({ 
     server: { 

      baseDir: "./", 
    index: "./main/home.html" 
     }, 
    }); 
    gulp.watch("/css/Style.css", [reload]) 

}); 

そして

var gulp = require('gulp'); 
var browserSync = require('browser-sync').create(); 

gulp.task('serve', function() { 

     browserSync.init({ 
     server: { 

      baseDir: "./", 
    index: "./main/home.html" 
     }, 
    }); 
    gulp.watch("./css/Style.css").on("change", browserSync.reload); 
}); 

任意のアイデアをしてくださいしようとしましたか？

Answer 1

変更この：

var reload = browserSync.reload; 

へ

var reload = browserSync.reload() 

とあなたの3番目のバージョンは、以下の変更で動作します：

gulp.watch("./css/Style.css").on("change", reload);