Gulp 狼吞虎咽v4不'；t更新浏览器

当我开始吞咽时，Google Chrome不会打开我的，也不会自动更新我的css文件。我不知道我做错了什么

伙计们，这是我第一次喝啤酒。有什么好办法吗？谢谢

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

//compile sass
gulp.task('sass', function() {
    return gulp.src(['node_modules/bootstrap/scss/bootstrap.scss', 'src/scss/*.scss'])
    .pipe(sass())
    .pipe(gulp.dest("src/css"))
    .pipe(browserSync.stream())
})

//move js to src/js
gulp.task('js', function(){
    return gulp.src(['node_modules/bootstrap/dist/js/bootstrap.min.js', 'node_modules/jquery/dist/jquery.min.js',
    'node_modules/popper.js/dist/umd/popper.min.js'])
    .pipe(gulp.dest("src/js"))
    .pipe(browserSync.stream())
})

//gulp html and scss
gulp.task('serve', gulp.parallel('sass'), function(){
    browserSync.init({
        server: "./src"
    })

    gulp.watch(['node_modules/bootstrap/scss/bootstrap.scss', 'src/scss/*.scss'], ['sass'])
    gulp.watch("src/*.html").on('change', browserSync.reload)
})

gulp.task('default', gulp.series('js', 'serve'))

更改此行：

gulp.watch（['node_modules/bootstrap/scss/bootstrap.scss'，'src/scss/*.scss']，['sass']）

到

gulp.watch（['node_modules/bootstrap/scss/bootstrap.scss'，'src/scss/*.scss']，gulp.series（'sass'））

你的版本是Gulpv3，而不是Gulpv4

我也会改变

gulp.task（'default'，gulp.series（'js'，'service'））

到

gulp.task（'default'，gulp.series（'js'，'sass'，'service'））

以便您可以简化为：

gulp.task（'service'，function（）{

//删除了

parallel

部分

第一次运行

gulp.default

时，如果已经对文件进行了一些更改，则可能需要刷新浏览器。最好先启动

default

任务，然后对文件进行更改