Не запускается gulp,пишет: styles errored after 144ms. Как лечить такое?

Question

[Ivan72929]

Вот файл Gulpfile.js:

const { src, dest, watch, parallel, series } = require('gulp');

const sass = require('gulp-sass')(require('sass'));
const concat = require('gulp-concat');
const browserSync = require('browser-sync').create();
const uglify = require('gulp-uglify-es').default;
const imagemin = require('gulp-imagemin');
const del = ('del');

function browsersync() {
    browserSync.init({
        server: {
            baseDir: 'app/'
        }
    });
}


function cleanDist(){
 return del('dist')
}


function images() {
    return src('app/images/**/*')
        .pipe(imagemin(
            [
                imagemin.gifsicle({ interlaced: true }),
                imagemin.mozjpeg({ quality: 75, progressive: true }),
                imagemin.optipng({ optimizationLevel: 5 }),
                imagemin.svgo({
                    plugins: [
                        { removeViewBox: true },
                        { cleanupIDs: false }
                    ]
                })
            ]
        ))
        .pipe(dest('dist/images'))
}

function scripts() {
    return src([
        'node_modules/jquery/dist/jquery.js',
        'app/js/main.js'
    ])
        .pipe(concat('main.min.js'))
        .pipe(uglify())
        .pipe(dest('app/js'))
        .pipe(browserSync.stream())
}



function styles() {
    return src('app/scss/style.scss')
        .pipe(scss({ outputStyle: 'compressed' }))
        .pipe(concat('style.min.css'))
        .pipe(dest('app/css'))
        .pipe(browserSync.stream())
}

function build() {
    return src([
        'app/css/style.min.css',
        'app/fonts/**/*',
        'app/js/main.min.js',
        'app/*.html'
    ], { base: 'app' })
        .pipe(dest('dist'))
}

function watching() {
    watch(['app/scss/**/*.scss'], styles);
    watch(['app/js/**/*.js', '!app/js/main.min.js'], scripts);
    watch(['app/*.html']).on('change', browserSync.reload);
}

exports.styles = styles;
exports.watching = watching;
exports.browsersync = browsersync;
exports.scripts = scripts;
exports.images = images;
exports.cleanDist = cleanDist;

exports.build = series(cleanDist,images,build);
exports.default = parallel(styles, scripts, browsersync, watching);

Comments

[VoidVolker]

Ivan72929, Правила 3.8

[Владислав Лысков]

это всё потому, что ты не можешь оформить код, а ещё выложить ошибку как положено, а ещё не можешь активировать виндовс

[Ivan72929]

Владислав Лысков, извините ,если что-то не понравилось, только начал изучать это всё, и только первый вопрос на этом сайте. Не подскажите, тогда, как надо оформлять?

[Владислав Лысков]

Ivan72929, выше человек оставил ссылку, там всё подробно описано

[Ivan72929]

Владислав Лысков, понял, сейчас всё исправлю)

[Ivan72929]

Владислав Лысков, не получается, будет без фото) А если вставлю фото как оно и было у меня, то что, бан дадут ?

[Антон Горецкий]

Ivan72929, показывай свой package.json - авось помогу.

[Ivan72929]

Антон Горецкий, вставил)

[Антон Горецкий]

Ivan72929, так замени эту строку в Gulpfile.js:
.pipe(scss({ outputStyle: 'compressed' }))
на эту:
.pipe(sass({ outputStyle: 'compressed' }))

[Ivan72929]

Антон Горецкий, спасибо, это помогло, но теперь вот такая ошибка вылазит) или это с синтаксисом что-то не так ?

[Антон Горецкий]

Ivan72929, да это похоже на ошибку синтаксиса в scss-файле

[Ivan72929]

Антон Горецкий, только у меня на страничке сайта, все эти стили не применяются,вот незнаю в чем проблема