虽然这不是问题的答案，但实际上是我想要实现的另一种解决方案。
我切换回 Gulp 修复所有错误。如果有人在这里寻找相同的代码是package.json和gulpfile.js
package.json

{
  "name": "gulpexapp",
  "version": "1.0.0",
  "description": "Example app using Gulp",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.29.1",
    "gulp": "^4.0.2",
    "gulp-concat": "^2.6.1",
    "gulp-imagemin": "^3.2.0",
    "gulp-sass": "^5.1.0",
    "gulp-uglify": "^2.1.2",
    "sass": "^1.62.1"
  },
  "dependencies": {
    "bootstrap": "^5.2.3"
  }
}

gulpfile.js

const gulp = require('gulp');
const imagemin = require('gulp-imagemin');
const uglify = require('gulp-uglify');
const sass = require('gulp-sass')(require('sass'));
// const sass = require('sass');
const concat = require('gulp-concat');
const browserSync = require('browser-sync').create();

// var spritesmith = require('gulp.spritesmith');
/*
  -- TOP LEVEL FUNCTIONS 
  gulp.task - Define tasks
  gulp.src - Point to files to use
  gulp.dest - Points to folder to output
  gulp.watch - Watch files and folders for changes
*/

// Logs Message
gulp.task('message',  gulp.series(async function() {
  return console.log('Gulp is running...');
}));

// Copy All HTML files
gulp.task('copyHtml',  gulp.series(async function() {
  gulp.src('src/*.html')
      .pipe(gulp.dest('dist'))
      .pipe(browserSync.stream());

}));
gulp.task('copyFonts',  gulp.series(async function() {
  gulp.src('src/fonts/*')
      .pipe(gulp.dest('dist/fonts'))
      .pipe(browserSync.stream());

}));
// Optimize Images
gulp.task('imageMin', () =>
    gulp.src('src/images/**/**/*')
        .pipe(imagemin())
        .pipe(gulp.dest('dist/images'))
);

// Minify JS
// gulp.task('minify',  gulp.series(async function() {
//   gulp.src('src/js/*.js')
//       .pipe(uglify())
//       .pipe(gulp.dest('dist/js'));
// });

// Compile Sass
gulp.task('sass',  gulp.series(async function() {
  gulp.src('src/scss/*.scss')
  .pipe(sass({
    includePaths: ['node_modules/bootstrap/scss/']
  }))
      .pipe(sass({errLogToConsole: true}))
      // .pipe(sass().on('error', sass.logError))
      .pipe(gulp.dest('dist/css'))
      .pipe(browserSync.stream());
}));

// Scripts
gulp.task('scripts',  gulp.series( async function() {
  gulp.src('src/js/*.js')
      .pipe(concat('main.js'))
      // .pipe(uglify())
      .pipe(gulp.dest('dist/js'));
}));

// gulp.task('sprite', function () {
//   var spriteData = gulp.src('images/home/spr/*.png')
//       .pipe(spritesmith({
//           imgName: '../images/home/sprite.png',
//           cssName: '../sass/_sprite.scss' // <<-- just need to change this line
//       }));
//   spriteData.img.pipe(gulp.dest('images'));
//   spriteData.css.pipe(gulp.dest('sass'));
// });




gulp.task('watch',  gulp.series(function(){
  gulp.watch('src/js/*.js', gulp.series("scripts"));
  gulp.watch('src/images/*', gulp.series("imageMin"));
  gulp.watch('src/scss/*.scss',gulp.series("sass"));
  gulp.watch('src/*.html', gulp.series("copyHtml"));
  gulp.watch('src/fonts/*', gulp.series("copyFonts"));
})
);

gulp.task('serve', gulp.series('sass' , function() {
  browserSync.init({
      server: {
      baseDir: '/Users/santoshshah/projects/amlhtml2.0/dist',
        debugInfo: false            
      }
  });
}));
gulp.task('default', gulp.series(gulp.parallel('serve','watch','message', 'copyHtml','copyFonts', 'imageMin', 'sass', 'scripts')));

注意gulpfile.js的最后一行

gulp.task('default', gulp.series(gulp.parallel('serve','watch','message', 'copyHtml','copyFonts', 'imageMin', 'sass', 'scripts')));

在终端中，我们只需要运行gulp，它将自动运行这个任务default，它有一系列的任务，这些任务将从右到左运行，从脚本开始，以serve结束。