title: Gulp Watch Not Working and No Errors Thrown
body: <p>I am working with a gulp configuration that I migrated to use gulp 4 and use <code>browserSync</code>, but I can't get the build and watch to work. I am able to get <code>browserSync</code> up and running, but none of the changes I am making within my <code>scss</code> directory are being updated and there aren't errors showing that indicate the code is wrong. Anything stand out as off with my configuration?</p>
  
  <p>I am running <code>gulp watch</code> to launch the configuration.</p>
  
  <p>Here is the output:</p>
  
  <pre><code>&gt; gulp watch
  
  [12:19:58] Using gulpfile ~/Desktop/Projects/node/theme-kit/gulpfile.js
  [12:19:58] Starting 'watch'...
  [12:19:58] Starting 'browserSync'...
  [Browsersync] Access URLs:
   -------------------------------------
         Local: http://localhost:3012
      External: http://xx.xx.xx.xxx:3012
   -------------------------------------
            UI: http://localhost:3001
   UI External: http://localhost:3001
   -------------------------------------
  [Browsersync] Serving files from: ./
  </code></pre>
  
  <p>Here is my <code>gulp.js</code>:</p>
  
  <pre><code>var gulp = require("gulp"),
    sass = require("gulp-sass"),
    sourcemaps = require("gulp-sourcemaps"),
    cleanCss = require("gulp-clean-css"),
    rename = require("gulp-rename"),
    postcss = require("gulp-postcss"),
    autoprefixer = require("autoprefixer"),
    browserSync = require("browser-sync").create();
  
  gulp.task("browserSync", function() {
    browserSync.init({
      port: 3012,
      server: {
        baseDir: "./",
        port: 3011
      }
    });
  });
  
  gulp.task("build-theme", function() {
    return gulp
      .src(["scss/*.scss"])
      .pipe(sourcemaps.init())
      .pipe(sass().on("error", sass.logError))
      .pipe(
        postcss([
          autoprefixer({
            browsers: [
              "Chrome &gt;= 35",
              "Firefox &gt;= 38",
              "Edge &gt;= 12",
              "Explorer &gt;= 10",
              "iOS &gt;= 8",
              "Safari &gt;= 8",
              "Android 2.3",
              "Android &gt;= 4",
              "Opera &gt;= 12"
            ]
          })
        ])
      )
      .pipe(sourcemaps.write())
      .pipe(gulp.dest("css/"))
      .pipe(cleanCss())
      .pipe(rename({ suffix: ".min" }))
      .pipe(gulp.dest("css/"))
      .pipe(
        browserSync.reload({
          stream: true
        })
      );
  });
  
  gulp.task("watch", gulp.series("browserSync", "build-theme", function() {
    gulp.watch(["scss/*.scss"], ["build-theme"]);
  }));
  
  gulp.task("default", gulp.series("watch", function() {}));
  </code></pre>