title: Gulp is not comile sass file and reload the page
body: <p>I have this code in my gulpfile.js file:</p>
  <pre><code>var gulp = require('gulp');
  // Requires the gulp-sass plugin
  var sass = require('gulp-sass');
  var browserSync = require('browser-sync').create();
  
  gulp.task('browserSync', function() {
      browserSync.init({
          server: {
              baseDir: 'app'
          },
      })
  })
  
  gulp.task('sass', function() {
      return gulp.src('app/scss/**/*.scss') // Gets all files ending with .scss in app/scss
          .pipe(sass())
          .pipe(gulp.dest('app/css'))
          .pipe(browserSync.reload({
              stream: true
          }))
  });
  
  gulp.task('watch', gulp.series(['browserSync', 'sass']), function() {
      gulp.watch('app/scss/**/*.scss', gulp.series('sass'));
      // Reloads the browser whenever HTML or JS files change
      gulp.watch('app/*.html', browserSync.reload);
      gulp.watch('app/js/**/*.js', browserSync.reload);
  });
  </code></pre>
  <p>Now, when I run this command</p>
  <pre><code>gulp watch
  </code></pre>
  <p>It's open the <strong>project</strong> on browser <strong>BUT</strong>, when I do some changes on html, js or scss file <strong>then</strong> gulp <strong>does not</strong> compile the scss file and reloading the browser.</p>
  <p>Can someone tell me what is the issues here?</p>