BrowserSync não atualiza

Bom dia, Estou tendo problemas usando o browserSync, ele não faz o refresh na página quando faço as alterações. Não sei se eu já estou com o olho cansado de ver o código, mas não consigo ver onde está o erro. Segue o código abaixo.

'use strict';

var gulp = require('gulp');
var clean = require('gulp-clean');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var cssnano = require('gulp-cssnano');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require('browser-sync');

gulp.task('clean', function(){

  return gulp.src('./dist', { read: false })
             .pipe( clean() );
});

gulp.task('html', function(){

  return gulp.src('./src/**/*.html')
      .pipe(gulp.dest('./dist'))
});

gulp.task('css', function(){

   return gulp.src('./src/assets/sass/**/*.scss')
              .pipe(sourcemaps.init())
              .pipe(sass().on( 'error', sass.logError))
              .pipe(autoprefixer({
                browsers: ['last 4 version'],
                cascade: false
              }))
              .pipe(cssnano())
              .pipe(sourcemaps.write('./')) 
              .pipe(gulp.dest('./dist/assets/css'))
});

gulp.task('build', ['clean'], function(){
  gulp.start(
    'html',
    'css'
  )
});

gulp.task('watch', function(){

  gulp.watch('./src/**/*.html', ['html']);
  gulp.watch('./src/assets/sass/**/*.scss', ['css']);
});

gulp.task('reload',['build'], function(){

  browserSync.init({
    server: {
      baseDir: './src/'
    }
  });

  gulp.watch('./src/**/*').on('change', browserSync.reload);
});

gulp.task('default',[
  'watch',
  'reload'
]);

Obrigado!