Gulp 4 BrowSersync在SCSS文件更改时不刷新网页

我刚开始在BrowserSync中使用Gulp。 请帮助我解决以下问题：当我保存我的SCSS文件时，BrowserSync不会刷新网页，但会保存文件OK。以下是控制台中发生的情况：

[21:37:48]正在启动“css”

[Browsersync]1个文件已更改（main.min.css）

[21:37:48]206毫秒后完成“css”

所以没有消息

“[Browsersync]正在重新加载浏览器…”

这个问题只适用于SCSS文件、JS和HTML文件。这是我的gulpfile.js：

let project\u folder=require（“路径”）.basename（\uu dirname）；
让source_folder=“#src”；
设fs=require（'fs'）；
让路径={
建造：{
html:project_文件夹+“/”，
css:project_folder+“/css/”，
js:project_folder+“/js/”，
img:project_folder+“/images/”，
字体：项目文件夹+“/fonts/”，
},
src:{
html:[source_folder+“/*.html”、“！”+source_folder+“/*.html”]，
css:source_folder+“/styles/main.scss”，
js:source_folder+“/js/main.js”，
img:source_folder+“/images/***.{jpg、png、svg、gif、ico、webp}”，
字体：source_folder+“/fonts/*.{ttf，otf，woff，woff2}”，
},
观察：{
html:source_folder+“/***.html”，
css:source_folder+“/styles/***/.scss”，
js:source_folder+“/js/***.js”，
img:source_folder+“/images/***.{jpg、png、svg、gif、ico、webp}”
},
清理：“./”+项目文件夹+“/”
}
让{src，dest}=require（'gulp'），
咕噜声=需要（“咕噜声”），
browsersync=require（“浏览器同步”）.create（），
include=require（'gulp-include'），
del=要求（“del”），
scss=需要（“吞咽式sass”），
autoprefixer=需要（“吞下autoprefixer”），
group_media=require（“吞咽组css媒体查询”），
清洁css=需要（“吞咽清洁css”），
重命名=需要（“吞咽重命名”），
uglify=需要（“吞咽uglify es”）。默认，
imagemin=需要（“吞咽imagemin”），
webp=require（'gulp-webp'），
webphtml=require（'gulp-webp-html'），
webpcss=需要（“吞咽webpcss”），
svgSprite=require（'gulp-svg-sprite'）；
函数browserSync（参数）{
browsersync.init({
服务器：{
baseDir:“./”+项目文件夹+“/”
},
港口：3000，
通知：假
})
}
函数html（）{
返回src（path.src.html）
.管道（包括（））
.pipe（webphtml（））
.pipe（dest（path.build.html））
.pipe（browsersync.stream（））
}
函数css（）{
返回src（path.src.css）
.烟斗(
scss({
outputStyle：“扩展”
})
)
.烟斗(
媒体组（）
)
.烟斗(
自动刷新器({
OverrideBrowserList:[“最后5个版本”]，
瀑布：对
})
)
.pipe（webpcss（））
.pipe（dest（path.build.css））
.pipe（清洁_css（））
.烟斗(
改名({
extname:“.min.css”
})
)
.pipe（dest（path.build.css））
.pipe（browsersync.stream（））
}
函数js（）{
返回src（path.src.js）
//.pipe（fileinclude（））
.管道（包括（））
.pipe（dest（path.build.js））
.烟斗(
丑陋的
)
.烟斗(
改名({
extname:“.min.js”
})
)
.pipe（dest（path.build.js））
.pipe（browsersync.stream（））
}
函数图像（）{
返回src（path.src.img）
.烟斗(
webp({
品质：70
})
)
.pipe（dest（path.build.img））
.pipe（src（path.src.img））
.烟斗(
imagemin({
进步：是的，
svgoPlugins:[{removeViewBox:false}]，
交错：对，
优化级别：3//0到7
})
)
.pipe（dest（path.build.img））
.pipe（browsersync.stream（））
}
函数字体（）{
返回src（path.src.font）
.pipe（dest（path.build.font））；
};
吞咽任务（'svgSprite'，函数（）{
返回gulp.src（[source_folder+'/iconsprite/*.svg']）
.管道（svgSprite({
模式：{
堆栈：{
精灵：“../icons/icons.svg”，//精灵文件名
示例：正确
}
},
}
))
.pipe（dest（path.build.img））
})
函数监视文件（参数）{
gulp.watch（[path.watch.html]，html）；
gulp.watch（[path.watch.css]，css）；
gulp.watch（[path.watch.js]，js）；
狼吞虎咽地观看（[path.watch.img]，图像）；
}
功能清理（参数）{
返回del（path.clean）；
}
让build=gulp.series（clean、gulp.parallel（js、css、html、图像、字体））；
让watch=gulp.parallel（build、watchFiles、browserSync）；
exports.font=字体；
exports.images=图像；
exports.js=js；
exports.css=css；
exports.html=html；
exports.build=build；
exports.watch=手表；
exports.default=watch