Gulp BrowserSync错误："；您尝试两次启动BrowserSync“；

此脚本可以工作并刷新我的页面，并运行我设置的所有任务，但每次运行时，它都会在我的终端中显示“您尝试启动BrowserSync两次”

据我研究，原因应该是我在

gulp.watch

任务中添加的

browserSync.reload

，但当我删除它时，它会给我“TypeError:无法将类作为函数调用”当我在Github上查找其他设置BrowserSync的示例时，它们的编写都略有不同，因此我无法真正掌握语法

这不是一个严重错误，但却是一个令人讨厌的警报

var gulp = require('gulp');
var sass = require('gulp-sass');
var php = require('gulp-connect-php');
var autoprefixer = require('gulp-autoprefixer');
var browserSync = require('browser-sync');
var cleanCSS = require('gulp-clean-css');
var imagemin = require('gulp-imagemin');


gulp.task('sass', function() {
    return gulp.src('assets/css/*.scss')
        .pipe(sass())
        .pipe(autoprefixer({
      browsers: ['last 2 versions']
    }))
        .pipe(cleanCSS({compatibility: 'ie8'}))
        .pipe(gulp.dest('assets/css/'));
});

gulp.task('image-min', function () {
    gulp.src('assets/images/src/*')
        .pipe(imagemin())
        .pipe(gulp.dest('assets/images/dist/'))
});

gulp.task('php', function() {
    php.server({ base: '../drive4innovative.com', port: 8080, keepalive: true});
});

gulp.task('browser-sync',['php'], function() {
    browserSync({
        proxy: 'localhost/drive4innovative.com/',
        port: 8080,
        open: true,
        notify: false
    });
});

    gulp.task('watch', ['browser-sync', 'sass', 'image-min'], function() {
    gulp.watch('assets/css/*.scss', [sass]);
    gulp.watch('**/*.php', browserSync.reload);
    gulp.watch('*.js', browserSync.reload);
});

---

不相关的注意事项：在您的

watch

任务中，应该在

sass

周围加上引号，以便引用

sass

任务。否则，它将指向

吞咽sass

。请查看。您的问题可能与启动服务器的方式有关，而不是与gulp.watch有关。我会尝试var browserSync=require（'browser-sync'）。create（）；和browserSync.init（{在您的任务中，看看这是否有帮助-尤其是.init