编译SASS时吞吐浏览器/浏览器同步意外令牌

Question

我创建了一个gulpfile.js到目前为止工作正常，但是当我尝试添加browser-sync并更改我的.scss - 文件时，我收到此错误ParseError: unexpected token并且我不知道为什么会这样。另一件事是，即使我的server.js我设置了app.listen(3000)，它也会打开一个localhost:3001的窗口???

这是我的gulpfile.js：

var gulp = require('gulp'),
   connect = require('gulp-connect'),
   uglify = require('gulp-uglify'),
   sass = require('gulp-ruby-sass'),
   webserver = require('gulp-webserver'),
   browserify = require('gulp-browserify'),
   browserSync = require("browser-sync").create();


  gulp.task('browser-sync', function(){
     browserSync.init({
        server: {
           baseDir: "./public"
        }
     });
  })

 gulp.task('styles', function() {
    return sass('public/scss/*.scss')
    .pipe(browserify())
    .pipe(uglify()) 
    .pipe(gulp.dest('public/css'));
 });

 gulp.task('watch', function(){
   gulp.watch('public/scss/*.scss', ['styles'])
 })

gulp.task('webserver', function() {
  gulp.src('root')
  .pipe(webserver({
    livereload: true,
    directoryListing: true,
    port: 3000
  }));
}); 

gulp.task('default', ['webserver', 'watch', 'browser-sync'])

那么，有谁知道我做错了什么？