大佬们遇到过这个问题吗？gulp 4.0 使用browser-sync 实时重载只能一次？照着官方文档和网上的弄都不行啊怎么回事哈啊？

Question

官方文档地址https://www.gulpjs.com.cn/doc...我的代码如下。最简单的引用一个css，启动服务后，修改css中body的颜色。能够热更新一次，之后再改其他颜色就没用了。gulp.task('serve',function(){browserSync({server:{baseDir:'src'}});//gulp.watch('./src/**/*.scss',()=>{//console.log(22)//gulp.src("./src/**/*.scss").pipe(sass()).pipe(gulp.dest("./src")).pipe(reload({//stream:true//}))//});gulp.watch('./src/**/*.css',()=>{console.log(3)reload()});});gulp.task("ss",gulp.series("serve"))去掉了sass的内容，只监听css，还是不行，效果一样，都只能热更新一次，之后再改就没用了。在命令行使用gulpss或者gulpserve启动。如下，打印的3，也只能打印1次，只能起一次作用，之后再改就没用了>gulpserve[22:06:53]UsinggulpfileF:\ty\1\gulpfile.js[22:06:53]Starting'serve'...[Browsersync]AccessURLs:--------------------------------------Local:http://localhost:3000External:http://192.168.0.112:3000--------------------------------------UI:http://localhost:3001UIExternal:http://localhost:3001--------------------------------------[Browsersync]Servingfilesfrom:src[22:07:01]Starting''...3[Browsersync]ReloadingBrowsers...

Answer 1

用下面这个语句试试看
constbrowserSync=require('browser-sync').create()
asyncfunctionserve(){
awaitbrowserSync.init(
{
server:{
baseDir:'./src',
},
files:['src/**/*.css'],//这里填写监听的文件列表
},
function(){
console.log('browserrefreshed')
},
)
}
exports.default=serve