浏览器同步未重新加载 gulp

Question

我正在尝试 gulp 浏览器同步如下

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

//reload when something changes once scss is converted to css
gulp.task('trigger-reload', ['sass'], function(){
    liveReload.reload();
});

//set watchers to reload
gulp.task('watch', function(){
    liveReload.init({
        server: {
            baseDir:'./'
        }
    });
    gulp.watch('src/**/*.js', ['trigger-reload']); //js change
});

现在，当我更改 js 文件时，我在终端上看到以下内容：

[00:19:23] Starting 'trigger-reload'...
[BS] Reloading Browsers...
[00:19:23] Finished 'trigger-reload' after 282 μs

但它实际上并没有刷新页面，我必须手动刷新才能看到我的更改。关于我在这里遗漏的任何建议？

Answer 1

我犯了一个简单的错误：

我们实际上需要提到重新加载哪个文件如下：

 liveReload.reload('./index.html');

有效！

浏览器同步未重新加载 gulp

Browser Sync not reloading with gulp

javascript

angularjs

gulp

browser-sync