title: Gulp - BrowserSync doesn't reload page
body: <p>I'm following a basic tutorial for Gulp from <a href="https://css-tricks.com/gulp-for-beginners/#comment-1596710" rel="nofollow noreferrer">here</a> and I got stuck on the browser-sync implementation. I have copied the code exactly as it is in the example, however when I run the watch task, even though sass task executes no problem (new version of the css file is created), the browser doesn't want to refresh! Here is my code:</p>
  
  <pre><code>var gulp = require('gulp');
  var sass = require('gulp-sass');
  var browserSync = require('browser-sync').create();
  
  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('browserSync', ['sass'], function() {
      browserSync.init({
          server: {
              baseDir: 'app'
          },
      })
    })
  
  gulp.task('watch', ['browserSync'], function() {
      gulp.watch('app/scss/**/*.scss', ['sass']); 
      // Other watchers
  });
  </code></pre>
  
  <p>And here is my index.html</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;  
          &lt;title&gt;test&lt;/title&gt;
          &lt;link href="css/styles.css" rel="stylesheet" type="text/css" /&gt;
      &lt;/head&gt;
      &lt;body&gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My styles.scss files has only one style:</p>
  
  <pre><code>body {
      background: blue;
  }
  </code></pre>
  
  <p>And here is the output from the console window when I update the styles.scss</p>
  
  <p><a href="https://i.stack.imgur.com/vlYqL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vlYqL.png" alt="enter image description here"></a></p>
  
  <p>So I can see that the browser-sync is aware of the change being made, but it doesn't reload the page in the browser. Why is that? I have looked through the comments under the tutorial and no one seemed to face similar issue. I have also seen couple of other tutorials, but none of them works for me. I use latest version of chrome as my default browser, browser-sync version 5.6.0 and gulp version 3.9.1</p>