我试图设置具有“ scss到css转换” /观察者/实时重新加载等功能的gulpfile.js文件。

// Variables
var gulp = require('gulp');
var plugins = require('gulp-load-plugins')();
var source = './src';
var destination = './dist';
var browserSync = require('browser-sync');

// Server
gulp.task('browserSync',function(){
    browserSync.init({
        server: {
            baseDir: 'src'
        }
    })
});

// Task build : Scss -> Css
gulp.task('buildCss',function () {
    return gulp.src(source + '/assets/styles/*.scss')
        .pipe(plugins.sass())
        .pipe(plugins.cssbeautify({indent: '  '}))
        .pipe(plugins.autoprefixer())
        .pipe(gulp.dest(destination + '/assets/styles/'));
});

gulp.task('watch',function () {
    gulp.watch(source + '/assets/styles/*.scss',gulp.series('buildCss'));
});

gulp.task('startDev',gulp.series('browserSync','watch'));

首先，我构建了css转换代码，在完成了观察程序之后，它运行良好，但是当我添加“ browserSync”部分时，它就破坏了一切。 我猜想当我启动“ startDev”时，新标签页打开，因此服务器正在启动，但是此后什么也没有发生，如您在控制台上看到的：https://i.stack.imgur.com/u82Jn.png

您是否知道问题可能出在哪里？

预先感谢