Не запускает browser-sync как исправить?

var gulp = require ('gulp');
var rename = require ('gulp-rename');
var sass = require ('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require ('browser-sync').creat();

function css_style(done) {
	gulp.src('./scss/**.*')
	.pipe(sourcemaps.init())
	.pipe(sass({
		errorLogToConsole: true,
		outputStyle: 'compressed'
	}))
		.on('error', console.error.bind(console))
		.pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {
		cascade: true
	}))
			
		.pipe(rename({suffix: '.min'}))
		.pipe(sourcemaps.write('./'))
		.pipe(gulp.dest('./css/'));
	
	done();
}

function sync (done) {
	browserSync.init({
		server: {
		  baseDir: "./"
		},
		port: 3000
		});
		done();
	
}

function print(done) {
	console.log("hi");
	done();
}

function wachSass() {
	gulp.watch("./scss/**/*", css_style);
}

gulp.task('default', gulp.series(print, wachSass));
gulp.task(sync);