gulp ни запускает страницу в браузере не работает browserSync ? Помогите решить проблему

Моя проблема в том что ни открывается страница в браузере, вроде бы все прописала правильно буду благодарна за любую помощь Мой файл gulpfile.js

let project_folder="dist";
let sourse_folder="#src";


let fs = require ('fs');
let path={
    build:{
        html:project_folder + "/",
        css:project_folder + "/css/",
        js:project_folder + "/js/",
        img:project_folder + "/img/",
        fonts:project_folder + "/fonts/",
    },
    src:{
     
        html: [sourse_folder + "/*.html", "!" + sourse_folder + "/_*.html"],
        css:sourse_folder + "/scss/style.scss",
        js:sourse_folder + "/js/script.js",
        img:sourse_folder + "/img/**/*.{jpg,png,svg,gif,ico,webp}",
        fonts:sourse_folder + "/fonts/*.ttf",
    },
    watch:{
        html:sourse_folder + "/**/*.html",
        css:sourse_folder + "/scss/**/*.scss",
        js:sourse_folder + "/js/**/*.js",
        img:sourse_folder + "/img/**/*.{jpg,png,svg,gif,ico,webp}",
     
    },
    clean: "./" + project_folder + "/"
}

let {src, dest}= require ('gulp'),
gulp= require ('gulp'),
browsersync= require ("browser-sync").create();
fileinclude = require ("gulp-file-include");
del = require ("del");

scss = require ("gulp-sass") (require('sass'));
autoprefixer = require ("gulp-autoprefixer");
group_media = require ("gulp-group-css-media-queries");
clean_css = require ("gulp-clean-css");
rename = require ("gulp-rename");
uglify = require ("gulp-uglify-es").default;
babel = require('gulp-babel');
imagemin = require('gulp-imagemin');
webp = require('gulp-webp');
webphtml = require('gulp-webp-html');
webpcss = require("gulp-webpcss");
svgSprite = require('gulp-svg-sprite');

ttf2woff = require('gulp-ttf2woff');
ttf2woff2 = require('gulp-ttf2woff2');
fonter = require('gulp-fonter');

function browserSync(params) {
    browsersync.init(
        {
            server:{
                baseDir:"./" + project_folder + "/"
            },
            port:3000,
            notify:false
        }
    )
}



function html() {
    return src(path.src.html)


    .pipe(fileinclude())
    .pipe(webphtml())
    .pipe(dest(path.build.html ))
    .pipe(browsersync.stream())
}


function css() {
    return src(path.src.css)

    .pipe(
        scss ({
            outputStyle: "expanded"
        }).on('error', scss.logError)
    )

    .pipe(
        group_media()
    )
    .pipe(
        autoprefixer({
            overrideBrowserslist: ["last 5 versions"],
            cascade: true
        })
    )
    .pipe(webpcss())
    .pipe(dest(path.build.css ))
    .pipe(
        clean_css()
    )
    .pipe(
        rename({
            extname: ".min.css"
        })
    )
    .pipe(dest(path.build.css ))
    .pipe(browsersync.stream())
}


function js() {
    return src(path.src.js)

    .pipe(fileinclude())
    .pipe(dest(path.build.js ))
    .pipe(uglify( ))
    .pipe(
        rename({
            extname: ".min.js"
        })
    )
    .pipe(babel())
    .pipe(dest(path.build.js ))
    .pipe(browsersync.stream())
}

function images() {
    return src(path.src.img)
    .pipe(webp({
qualiti: 70
    }))

.pipe(dest(path.build.img ))
.pipe(src(path.src.img))

    .pipe(imagemin({
        progressive: true,
        svgoPlugins:[{removeViewBox: false}],
        interlaced:true,
        optimizationlevel: 3 
    }))
    .pipe(dest(path.build.img ))
    .pipe(browsersync.stream())
}

function fonts(params) {
    src(path.src.fonts)
    .pipe(ttf2woff( ))
    .pipe(dest(path.build.fonts ))

    return  src(path.src.fonts)
    .pipe(ttf2woff2( ))
    .pipe(dest(path.build.fonts ))

}
gulp.task('otf2ttf', function (){
    return src([sourse_folder + '/fonts/*.otf'])
    .pipe(fonter({
      formats:['ttf']  
    } ))
    .pipe(dest(sourse_folder + '/fonts/'))
})

gulp.task('svgSprite', function () {
    return gulp.src([sourse_folder + '/iconsprite/*.svg'])
    .pipe(svgSprite ({
        mode:{
            stack:{
                sprite: "../iconsprite/*.svg",
                example: true
            }
        },
    })

    )
    .pipe(dest(path.build.img ))
})


function fontsStyle(params) {


    let file_content = fs.readFileSync(source_folder + '/scss/fonts.scss');
    if (file_content == '') {
    fs.writeFile(source_folder + '/scss/fonts.scss', '', cb);
    return fs.readdir(path.build.fonts, function (err, items) {
    if (items) {
    let c_fontname;
    for (var i = 0; i < items.length; i++) {
    let fontname = items[i].split('.');
    fontname = fontname[0];
    if (c_fontname != fontname) {
    fs.appendFile(source_folder + '/scss/fonts.scss', '@include font("' + fontname + '", "' + fontname + '", "400", "normal");\r\n', cb);
    }
    c_fontname = fontname;
    }
    }
    })
    }



}


function cb() {






}








function watchFiles(params) {
    gulp.watch([path.watch.html], html);
    gulp.watch([path.watch.css], css);
    gulp.watch([path.watch.js], js);
    gulp.watch([path.watch.img], images);
    
}


function clean(params) {
    return del(path.clean);
}


let build = gulp.series(clean, gulp.parallel(js, css, html, images, fonts), fontsStyle);

let watch = gulp.parallel(build, watchFiles, browserSync);

exports.fontsStyle=fontsStyle;
exports.fonts=fonts;
exports.images=images;
exports.js=js;
exports.css=css;
exports.html=html;
exports.build=build;
exports.watch=watch;
exports.default=watch;

package.json

{
  "name": "gulp-start",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/Misinkevych/gulp-start.git"
  },
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/Misinkevych/gulp-start/issues"
  },
  "homepage": "https://github.com/Misinkevych/gulp-start#readme",
  "devDependencies": {
    "browser-sync": "^2.27.10",
    "del": "^6.1.1",
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^8.0.0",
    "gulp-babel": "^8.0.0",
    "gulp-clean-css": "^4.3.0",
    "gulp-file-include": "^2.3.0",
    "gulp-fonter": "^0.3.0",
    "gulp-group-css-media-queries": "^1.2.2",
    "gulp-imagemin": "^7.1.0",
    "gulp-rename": "^2.0.0",
    "gulp-sass": "^5.1.0",
    "gulp-svg-sprite": "^1.5.0",
    "gulp-ttf2woff": "^1.1.1",
    "gulp-ttf2woff2": "^4.0.1",
    "gulp-uglify-es": "^3.0.0",
    "gulp-webp": "^4.0.1",
    "gulp-webp-html": "^1.0.2",
    "gulp-webpcss": "^1.1.1",
    "sass": "^1.53.0",
    "webp-converter": "^2.2.3"
  }
}

Oшыбка которую выдает терминал

$ gulp
[16:32:24] Using gulpfile D:\gulp-start\gulpfile.js
[16:32:24] Starting 'default'...
[16:32:24] Starting 'watchFiles'...
[16:32:24] Starting 'browserSync'...
[16:32:24] Starting 'clean'...
[16:32:24] Finished 'clean' after 418 ms
[16:32:24] Starting 'js'...
[16:32:24] Starting 'css'...
[16:32:24] Starting 'html'...
[16:32:24] Starting 'images'...
[16:32:24] Starting 'fonts'...
[16:32:25] 'js' errored after 91 ms
[16:32:25] Error: File not found with singular glob: D:/gulp-start/#src/js/script.js (if this was purposeful, use `allowEmpty` option)
    at Glob.<anonymous> (D:\gulp-start\node_modules\glob-stream\readable.js:84:17)
    at Object.onceWrapper (node:events:642:26)
    at Glob.emit (node:events:527:28)
    at Glob.emit (node:domain:475:12)
    at Glob._finish (D:\gulp-start\node_modules\glob\glob.js:194:8)
    at done (D:\gulp-start\node_modules\glob\glob.js:179:14)
    at Glob._processSimple2 (D:\gulp-start\node_modules\glob\glob.js:688:12)
    at D:\gulp-start\node_modules\glob\glob.js:676:10
    at Glob._stat2 (D:\gulp-start\node_modules\glob\glob.js:772:12)
    at lstatcb_ (D:\gulp-start\node_modules\glob\glob.js:764:12)
[16:32:25] 'default' errored after 544 ms

Знаю что похожие вопросы были пробивала их решить с помочью [stackoverflow.com] ни сработало


Ответы (0 шт):