@Olga6680

Как исправить ошибку gulp4 Error in plugin «sass»?

После обновления в консоли стало выдавать ошибку:
Error in plugin "sass"
Message:
catalog\view\theme\...\stylesheet\stylesheet.sass
Error: Expected spaces, was tabs.

13 │ font-family: 'Tavolga Free'
│ ^^^^

catalog\view\theme\...\stylesheet\stylesheet.sass 13:1 root stylesheet
Ранее такой ошибки не было. Подскажите, пожалуйста, где исправить. В интернете ничего не нашла. Заранее, спасибо!

Вот файл gulpfile.js

// Подключаем Gulp и все необходимые библиотеки
const { src, dest, parallel, series, watch } = require('gulp');
const browserSync = require('browser-sync').create();
const concat = require('gulp-concat');
const uglify = require('gulp-uglify-es').default;
const sass = require('gulp-sass')(require('sass'));
const autoprefixer = require('gulp-autoprefixer');
const bourbon = require('node-bourbon');
const cleancss = require('gulp-clean-css');
const newer = require('gulp-newer');
const imagemin = require('gulp-imagemin');
const del = require('del');
const svgstore = require('gulp-svgstore');
const rename = require('gulp-rename');

function browsersync() {
browserSync.init({
proxy: '...loc/',
notify: false,
online: false
})
}

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

function styles() {
return src('catalog/view/theme/.../stylesheet/stylesheet.sass')
.pipe(sass({
includePaths: bourbon.includePaths
}).on('error', sass.logError))
.pipe(concat('stylesheet.css'))
.pipe(autoprefixer({ overrideBrowserslist: ['last 25 versions'], grid: true }))
.pipe(cleancss(( { level: { 1: { specialComments: 0 } }, /*format: 'beautify'*/ } )))
.pipe(dest('catalog/view/theme/.../stylesheet/'))
.pipe(browserSync.stream())
}

function images() {
return src('image/catalog/**/*')
.pipe(newer('image/cashe/catalog/'))
.pipe(imagemin())
.pipe(dest('image/cashe/catalog/'))
}

function cleanimg() {
return del('image/cashe/catalog/**/*', { force: true })
}

function cleandist() {
return del('dist/**/*', { force: true })
}

function sprite() {
return src('image/icon-*.svg')
.pipe(svgstore({
inlineSvg: true
}))
.pipe(rename('sprite.svg'))
.pipe(dest('image'));
}

function buildcopy() {
return src([
'catalog/view/theme/.../js/**/*min.js',
'catalog/view/theme/.../stylesheet/**/*.min.css',
'image/cashe/catalog/**/*',
'catalog/view/theme/.../template/**/*.twig'
], { base: './' })
.pipe(dest('dist'));
}

function startwatch() {
watch('catalog/view/theme/.../stylesheet/stylesheet.sass', styles);
watch(['catalog/view/theme/.../js/**/*.js', '!catalog/view/theme/.../js/**/*.min.js'], scripts);
watch('catalog/view/theme/.../template/**/*.twig').on('change', browserSync.reload);
watch('catalog/view/theme/.../libs/**/*').on('change', browserSync.reload);
watch('image/catalog/**/*', images);
}

exports.browsersync = browsersync;
exports.scripts = scripts;
exports.styles = styles;
exports.images = images;
exports.cleanimg = cleanimg;
exports.sprite = sprite;
exports.build = series(cleandist, styles, scripts, images, buildcopy);

exports.default = parallel(scripts, styles, browsersync, startwatch);
  • Вопрос задан
  • 596 просмотров
Решения вопроса 1
@Olga6680 Автор вопроса
Спасибо! Ответ нашла. Если у кого-то возникнут такие же проблемы: здесь
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы