Javascript 任务“sass”不在Gulpfile中-错误

下面是我面临的这个错误的代码，请帮助我解决这个问题，我将非常荣幸得到明确的答案___

一切运行顺利，但除非我保存文件，以下错误发生

错误：任务“sass”不在您的gulpfile中

    // require gulp
var gulp = require('gulp');

// require other packages
var concat = require('gulp-concat'),
cssmin = require('gulp-minify-css'),
rename = require("gulp-rename"),
sass = require('gulp-sass'),
browserSync = require('browser-sync'),
uglify = require('gulp-uglify'),
imagemin = require('gulp-imagemin'),
autoprefix = require('gulp-autoprefixer');
changed = require('gulp-changed'),


// scripts task
gulp.task('scripts', function() {
  return gulp.src('./src/js/*.js')
  .pipe(concat('app.js'))
  .pipe(gulp.dest('./dist/js/'))
  .pipe(uglify())
  .pipe(rename({
    suffix: '.min'
  }))
  .pipe(gulp.dest('./dist/js/'));
});

// styles task and autoprefix
gulp.task('styles', function() {
  gulp.src(['./src/sass/*.scss'])
  .pipe(autoprefix('last 2 versions'))
  .pipe(sass())
  .pipe(concat('styles.css'))
  .pipe(cssmin())
  .pipe(rename({
    suffix: '.min'
  }))
  .pipe(gulp.dest('./dist/css/'));
});


// browser sync
gulp.task('browser-sync', ['styles'], function() {
  browserSync({
    server: {
      baseDir: ''
    },
    notify: false
  });
  gulp.watch("./src/sass/*.scss", ['scss']);
  gulp.watch("*.html").on('change', browserSync.reload);
});

// watch task
gulp.task('watch', function() {
  gulp.watch('./src/js/*.js', ['scripts']);
  gulp.watch('./src/sass/*.scss', ['styles']);
});

// image minification
gulp.task('imagemin', function() {
  var imgSrc = './src/img/**/*',
  imgDst = './dist/img';

  gulp.src(imgSrc)
  .pipe(changed(imgDst))
  .pipe(imagemin())
  .pipe(gulp.dest(imgDst));
});

gulp.task('default', ['scripts', 'styles', 'browser-sync', 'imagemin', 'watch']);

---

实际上，您并没有在浏览器同步文件下标记为可靠的已定义sass任务或scss任务

尝试替换：

gulp.watch("./src/sass/*.scss", ['scss']);

与

---

如果您只使用npm文档中的sass任务，它是否有效？你确定上面写的是任务“sass”而不是“scss”吗？抱歉，当我遵循并使用npm文档中的sass任务时，它不起作用。请给出建议。我尝试过这个选项仍然不起作用，但是SCSS和JS插件在没有浏览器同步的情况下可以工作

gulp.watch("./src/sass/*.scss", ['styles']);