Gulp运行Browser-sync报错提示

Question

在运行 gulp的时候 提示报了一个这个错误 ， 之前运行还是可以的不知道为什么就这样了 ，一直没找到问题所在

目录结构：

我的配置代码：

var gulp = require('gulp');
var autoprefixer = require('gulp-autoprefixer');
var cleanCSS = require('gulp-clean-css');
var less = require('gulp-less');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require('browser-sync').create(),//编辑JS、HTML、Css实现无刷新页面操作
reload = browserSync.reload;

function handleError(err) {
console.log(err.toString());
this.emit('end');
}
//执行
gulp.task("less", function () {
return gulp.src(['LessDir/*.less']) //less文件的地址 src-->less下**:任意目录 :任意文件名
// return gulp.src(['LessDir/.less', '!LessDir/{finishS,happy,hks_common,index,money,photo,returnY,tabPhoto,yuyue}.less'])
.pipe(sourcemaps.init())
.pipe(less()).on('error', handleError)
.pipe(autoprefixer({
browsers: ['last 5 versions'],
cascade: true
}))
.pipe(sourcemaps.write())
// .pipe(cleanCSS())
.pipe(gulp.dest('css')) //css输出目录位置
.pipe(reload({stream: true}));//这个结合了 Browsersync 来使用
});

gulp.task('js', function(){//需要在Watchjs下添加jS文件自动便已到 指定的dest下去
return gulp.src('Watchjs/**/*.js')
// .pipe(minify())
.pipe(gulp.dest("js"))
.pipe(reload({stream: true}));//这个结合了 Browsersync 来使用
});

//根据less 样式编译后 自动的执行watch 无须手动执行
gulp.task('watch',function(){
var watcher = gulp.watch(['LessDir/*.less'],['less']);//当所有less文件发生改变时，调用Less任务
watcher.on('change',function(event){
console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
})
});

// 静态服务器
gulp.task('browser-sync', function() {
browserSync.init({
server: {//这个目录是相对于 当前的gulpfile.js当前目录
baseDir: "./"
}
});
});

// 静态服务器 + 监听 scss/html 文件
gulp.task('serve', ['less'], function() {
browserSync.init({
// port: '8888',
// ui: false,
server: "./"
});
gulp.watch(['LessDir/*.less'], ['less']);
// gulp.watch(['Watchjs/**/*.js'], ['js']);
gulp.watch("./*.html").on('change', reload);

});

gulp.task('default', ['less','watch','serve']);//执行(default)执行的是 Browser-sync