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] ни сработало