cannot get error при использовании Gulp
я новичок, пытаюсь сделать свою стартовую сборку для создания сайтов и собираю gulpfile. При запуске галпа выдает ошибку "Cannot Get /" не могу понять в чем тут проблема, так как не выдает ошибок в терминале. Вот мой код gulpfile.js
// Плагины
let gulp = require ('gulp');
let nunjucks = require('gulp-nunjucks-render');
let concat = require ('gulp-concat');
let autopref = require ('gulp-autoprefixer');
let sync = require ('browser-sync').create();
let plumber = require ('gulp-plumber');
let sass = require ('gulp-sass')(require('node-sass'));
let groupScss = require('gulp-group-css-media-queries');
let cleanCss = require('gulp-clean-css');
let img = require('gulp-imagemin');
let changed = require ('gulp-changed');
let del = require ('del');
const { dest } = require('gulp');
// Пути
let src = 'src/';
let buildPath = 'build/';
let path = {
src: {
html: src + 'html/',
scss: src + 'scss/',
fonts: src + 'fonts/',
img: src + 'img/',
js: src + 'js/'
},
build: {
html: buildPath,
css: buildPath + 'css/',
fonts: buildPath + 'fonts/',
img: buildPath + 'img/',
js: buildPath + 'js'
}
}
// Таски
// Sync
gulp.task('browser-sync', function() {
sync.init({
server: 'localhost:3000',
});
sync.watch([
path.build.js + 'js/*.*',
//buildPath + '../**/*.php' // раскомментировать - если надо следить за изменением php файлов
]).on('change', sync.reload);
});
// nunjucks
gulp.task('html', function() {
return gulp.src(path.src.html + './src/**/*.html')
.pipe(changed(path.build.html, {
extension: '.html'
}))
.pipe(nunjucks({ path: [path.src.html, path.src.html + 'layout/', path.src.html + 'partials/'] }))
.pipe(gulp.dest(path.build.html));
});
// HTML layout
gulp.task('htmlLayoutPartials', () => {
return gulp.src(path.src.html + 'pages/**/*.html')
.pipe(nunjucks({ path: [path.src.html, path.src.html + 'layout/', path.src.html + 'partials/'] }))
.pipe(gulp.dest(path.build.html));
});
// Обработка Scss
gulp.task('scss', function(){ // Обработка main.scss
return gulp.src(path.src.scss + 'src/scss/**/*.scss')
.pipe(plumber())
.pipe(sass({
includePaths: ['node_modules'], //Добавление node стилей
outputStyle: 'expanded',
precision: 8
}))
.pipe(groupScss()) // группировка scss
.pipe(autopref({
grid: true,
overrideBrowserslist: ["last 3 versions"],
cascade: true
}))
.pipe(cleanCss()) // css в одну строку
.pipe(gulp.dest(path.build.css))
.pipe(sync.stream())
});
gulp.task('scssPref', function(){
gulp.src ('scss/**/*.scss')
.pipe(autopref())
.pipe(gulp.dest(path.build.css))
.pipe(browserSync.stream());
});
// минимизация картинок
gulp.task('img', () => {
return gulp.src(path.src.img + '**/*.{gif,png,jpg,svg,webp}')
.pipe(changed(path.build.img))
.pipe(img([
img.gifsicle({ interlaced: true }),
img.mozjpeg({
quality: 75,
progressive: true
}),
img.optipng({ optimizationLevel: 5 }),
img.svgo({
plugins: [
{ removeViewBox: true },
{ cleanupIDs: false }
]
})
]))
.pipe(gulp.dest(path.build.img));
});
/**
* Обработка шрифтов, копирование в нужную папку
*/
gulp.task('fonts', () => {
return gulp.src(path.src.fonts + '**/*.{ttf,eot,svg,woff,woff2,otf,css}')
.pipe(changed(path.build.fonts))
.pipe(gulp.dest(path.build.fonts));
});
/**
* Очистка проекта - удаление всего что собрано ранее
*/
gulp.task('clean', (done) => {
del([buildPath], {
force: true
});
done();
});
gulp.task('js', function(){
return gulp.src(path.src.js + 'src/js/**/*.js')
.pipe(concat('main.js'))
.pipe(gulp.dest(path.build.js))
});
// отслеживание изменений в файлах и перезагрузка страницы
gulp.task('watch', (done) => {
gulp.watch(path.src.html + 'pages/**/*.html', gulp.series('html')).on('change', sync.reload);;
gulp.watch([
path.src.html + 'layouts/**/*.html',
path.src.html + 'partials/**/*.html'
], gulp.series('htmlLayoutPartials')).on('change', sync.reload);;
gulp.watch(path.src.js + '**/*.js', gulp.series('js'));
gulp.watch(path.src.fonts + '**/* {ttf,eot,svg,woff,woff2,otf}',
gulp.series('fonts')).on('unlink', filepath => {
del.sync(path.resolve(path.build.fonts, path.relative(path.resolve(path.src.fonts), filepath)));
});
gulp.watch(path.src.img + '**/*.{jpg,png,gif,svg}', gulp.series('img')).on('unlink', filepath => {
del.sync(path.resolve(path.build.img, path.relative(path.resolve(path.src.img), filepath)));
});
done();
});
// сборка проекта gulp build
gulp.task('build', gulp.series('clean', gulp.parallel('fonts', 'img', 'scss', 'js', 'html',
'browser-sync')));
/**
* Таск который выполняются по умолчанию при запуске в консоле команды gulp
*/
gulp.task('default', gulp.series('build', gulp.parallel('watch', 'browser-sync')));