Получение TypeError: dest.on не является ошибкой функции

Question

Вот содержимое моего Gulpfile.js:

var gulp = require('gulp');
var sass = require('gulp-sass');
var plumber = require('gulp-plumber');
// var autoprefixer = require('gulp-autoprefixer');

// BROWSER SYNC IS HERE
var browserSync = require('browser-sync').create();
var reload = browserSync.reload;

gulp.task('workflow', function(){
  console.log('! >>>Workflow task launching<<< !');
  gulp.src('scss/**/*.scss')
  .pipe(sass().on('error', sass.logError))
  .pipe(gulp.dest('dist/css'))
  .pipe(
    browserSync.init({
      server: "./"
    })
  );
});

gulp.task('indexreload', function(){
  console.log('index reload is working');
  gulp.src('index.html')
  .pipe(
    browserSync.init({
      server:"./"
    })
  );
});

gulp.task('default', function(){
  console.log('! >>>Hey, the default task is starting<<< !');
  gulp.watch('scss/**/*.scss', ['workflow']);
  gulp.watch('scss/**/*.scss').on('change', reload);
  gulp.watch('index.html').on('change', reload);
});

Вот как выглядит файл package.json:

{
  "name": "2018-redesign",
  "version": "1.0.0",
  "description": "",
  "main": "gulpfile.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Nikhil Vijayan",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "latest",
    "gulp": "latest",
    "gulp-autoprefixer": "latest",
    "gulp-plumber": "latest",
    "gulp-sass": "latest"
  }
}

Я не уверен, полезно ли это, но вот как выглядит полученная ошибка:

TypeError: dest.on is not a function
    at DestroyableTransform.Stream.pipe (internal/streams/legacy.js:28:8)
    at Gulp.<anonymous> (/Users/nikhil/Dropbox/Code/nkhil.com/2018-redesign/gulpfile.js:17:4)
    at module.exports (/Users/nikhil/Dropbox/Code/nkhil.com/2018-redesign/node_modules/orchestrator/lib/runTask.js:34:7)
    at Gulp.Orchestrator._runTask (/Users/nikhil/Dropbox/Code/nkhil.com/2018-redesign/node_modules/orchestrator/index.js:273:3)
    at Gulp.Orchestrator._runStep (/Users/nikhil/Dropbox/Code/nkhil.com/2018-redesign/node_modules/orchestrator/index.js:214:10)
    at Gulp.Orchestrator.start (/Users/nikhil/Dropbox/Code/nkhil.com/2018-redesign/node_modules/orchestrator/index.js:134:8)
    at Gulp.<anonymous> (/Users/nikhil/Dropbox/Code/nkhil.com/2018-redesign/node_modules/gulp/index.js:36:18)
    at Gaze.<anonymous> (/Users/nikhil/Dropbox/Code/nkhil.com/2018-redesign/node_modules/glob-watcher/index.js:18:14)
    at Gaze.emit (events.js:182:13)
    at Gaze.emit (/Users/nikhil/Dropbox/Code/nkhil.com/2018-redesign/node_modules/gaze/lib/gaze.js:129:32)

Страница все еще перезагружается в моем браузере, но я хотел бы знать, что я делаю неправильно, чтобы получить эту ошибку.

У меня установлен пакет autoprefixer, но я прокомментировал это на тот случай, если это вызвало проблемы.

Я новичок, и прошел через соответствующую тему, которую я мог найти без особой помощи.