The Browser-Sync page has stopped updating if you change the scss file. How can this be fixed?

Question

gulp.js

gulp.task('scss', function(){
return gulp.src('app/scss/**/*scss')
.pipe(sass({outputStyle: 'compressed'}))//compressed-compressed transfer, expanded-beautiful
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest('app/css')) //folder where files are placed
.pipe(browserSync.reload({stream: true} ))
});
gulp.task('browser-sync', function() {
browserSync.init({
server:{
baseDir: "app/"
},
});
});
gulp.task('watch', function(){
gulp.watch('app/scss/*.scss', gulp.parallel('scss'));
gulp.watch('app/*.
gulp.watch('app/js/*js', gulp.parallel('script'));
});
gulp.task('default', gulp.parallel('scss', 'js', 'browser-sync', 'watch'));