Gulp - 返回 browserSync 的错误

Question

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

每次我启动“gulp serve”时它都会抛出错误

版本

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

我的 gulpfile.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']);
});

我的 package.json 代码：

{
  "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)

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

• 感谢任何帮助，谢谢！

Answer 1

我发现最好的方法是使用 VsCode 中的内置扩展（热重载）。 Gulp 已经过时了。