Gulp-返回browserSync的错误

我正在尝试设置gulp，以便在通过在线教程保存更改时自动刷新项目

每次我发起“大口发球”时，它都会不断地抛出错误

版本

node version - v12.13.0
npm version - 6.13.0
gulp version - 3.9.1

Mygulpfile.js代码：

var gulp = require('gulp');
var uglifycss = require('gulp-uglifycss');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
sass.compiler = require('node-sass');

gulp.task('sass', function () {
    return gulp.src('./sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./css'));
});

gulp.task('sass:watch', function () {
    gulp.watch('./sass/**/*.scss', ['sass']);
});

gulp.task('css', function () {
 gulp.src('./styles/**/*.css')
  .pipe(uglifycss({
   "maxLineLen": 80,
   "uglyComments": true
}))
.pipe(gulp.dest('./dist/'));
}); 

gulp.task('serve', ['sass'], function() {

browserSync.init({
    server: "./app"
});

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

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

gulp.task('js', function () {
    return gulp.src('js/*js')
        .pipe(browserify())
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

gulp.task('js-watch', ['js'], function (done) {
    browserSync.reload();
    done();
});

gulp.task('default', ['js'], function () {
     browserSync.init({
        server: {
            baseDir: "./"
        }
    });
gulp.watch("js/*.js", ['js-watch']);
});

{
  "name": "fifteen-projects",
  "version": "1.0.0",
  "description": "Project files",
  "main": "gulpfile.js",
  "dependencies": {
  "gulp-uglifycss": "^1.1.0"
  },

  "devDependencies": {
  "browser-sync": "^2.26.7",
  "gulp": "^3.9.1",
  "gulp-sass": "^4.0.2",
  "node-sass": "^4.13.0"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/MarvinBrereton-creator/fifteen-projects.git"
  },
  "author": "Marvin Brereton",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/MarvinBrereton-creator/fifteen-projects/issues"
  },
  "homepage": "https://github.com/MarvinBrereton-creator/fifteen-projects#readme"
  }

Mypackage.json代码：

var gulp = require('gulp');
var uglifycss = require('gulp-uglifycss');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
sass.compiler = require('node-sass');

gulp.task('sass', function () {
    return gulp.src('./sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./css'));
});

gulp.task('sass:watch', function () {
    gulp.watch('./sass/**/*.scss', ['sass']);
});

gulp.task('css', function () {
 gulp.src('./styles/**/*.css')
  .pipe(uglifycss({
   "maxLineLen": 80,
   "uglyComments": true
}))
.pipe(gulp.dest('./dist/'));
}); 

gulp.task('serve', ['sass'], function() {

browserSync.init({
    server: "./app"
});

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

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

gulp.task('js', function () {
    return gulp.src('js/*js')
        .pipe(browserify())
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

gulp.task('js-watch', ['js'], function (done) {
    browserSync.reload();
    done();
});

gulp.task('default', ['js'], function () {
     browserSync.init({
        server: {
            baseDir: "./"
        }
    });
gulp.watch("js/*.js", ['js-watch']);
});

{
  "name": "fifteen-projects",
  "version": "1.0.0",
  "description": "Project files",
  "main": "gulpfile.js",
  "dependencies": {
  "gulp-uglifycss": "^1.1.0"
  },

  "devDependencies": {
  "browser-sync": "^2.26.7",
  "gulp": "^3.9.1",
  "gulp-sass": "^4.0.2",
  "node-sass": "^4.13.0"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/MarvinBrereton-creator/fifteen-projects.git"
  },
  "author": "Marvin Brereton",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/MarvinBrereton-creator/fifteen-projects/issues"
  },
  "homepage": "https://github.com/MarvinBrereton-creator/fifteen-projects#readme"
  }

当我在gulp所在的项目文件夹内的cmd中启动“gulp serve”时，它会抛出：

fs.js:27const { Math, Object } = primordials;
ReferenceError: primordials is not defined
at fs.js:27:26
at req_ (C:\Users\kk\Documents\GitHub\fifteen-projects\node_modules\natives\index.js:143:24)
at Object.req [as require] (C:\Users\kk\Documents\GitHub\fifteen-    projects\node_modules\natives\index.js:55:10)
at Object.<anonymous> (C:\Users\kk\Documents\GitHub\fifteen-projects\node_modules\vinyl-   fs\node_modules\graceful-fs\fs.js:1:37)
at Module._compile (internal/modules/cjs/loader.js:956:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
at Module.load (internal/modules/cjs/loader.js:812:32)
at Function.Module._load (internal/modules/cjs/loader.js:724:14)
at Module.require (internal/modules/cjs/loader.js:849:19)
at require (internal/modules/cjs/helpers.js:74:18)

fs.js:27const{Math，Object}=原语；
ReferenceError:未定义原语
财政司司长：27:26
at请求（C:\Users\kk\Documents\GitHub\十五个项目\node\u模块\natives\index.js:143:24）
at Object.req[根据需要]（C:\Users\kk\Documents\GitHub\十五-projects\node\u modules\natives\index.js:55:10）
反对。（C:\Users\kk\Documents\GitHub\十五个项目\node\u modules\乙烯基-fs\node\u modules\fs\fs.js:1:37）
at模块编译（内部/modules/cjs/loader.js:956:30）
在Object.Module._extensions..js（internal/modules/cjs/loader.js:973:10）
在Module.load（内部/modules/cjs/loader.js:812:32）
at Function.Module._load（内部/modules/cjs/loader.js:724:14）
at Module.require（内部/modules/cjs/loader.js:849:19）
根据需要（internal/modules/cjs/helpers.js:74:18）

我认为问题来自Node_modules文件夹，因为每当我尝试启动gulpfile.js时，错误就来自那里

• 非常感谢您的帮助，谢谢

  ---

我发现最好的方法是在VsCode中使用内置扩展（热重新加载）。对于所需要的东西，大口喝已经过时了