При запуске gulp выдает ошибку, как исправить?

Question

[Alex А.В.]

Всем добрый ночи. На данный момент в самом начели пути создания сайта для магазина. Установил: opencart, open server, gulp, node js, прописал необходимые команды для скачивания и установки утилит для gulp. Но тем неменее выдает такую ошибку. Буду очень благодарен за помощь, уже 3 дня бьюсь, не могу разобраться.

Comments

[bbquite]

Можете скинуть код галпа?

[Валерий]

По-моему, у вас проблема с путями к источникам стилей.
Если gulpfile расположен на одном уровне с node modules, попробуйте относительное пути к файлу scss: catalog/views/theme... И так далее.

[Alex А.В.]

WebDev921, var gulpversion = '4'; // Gulp version: 3 or 4

// Подключаем Gulp и все необходимые библиотеки
var gulp = require('gulp'),
gutil = require('gulp-util' ),
sass = require('gulp-sass'),
browserSync = require('browser-sync'),
cleanCSS = require('gulp-clean-css'),
autoprefixer = require('gulp-autoprefixer'),
bourbon = require('node-bourbon'),
ftp = require('vinyl-ftp');

// Обновление страниц сайта на локальном сервере
gulp.task('browser-sync', function() {
browserSync({
proxy: "opencart.loc",
notify: false
});
});

// Компиляция stylesheet.css
gulp.task('sass', function() {
return gulp.src('catalog/view/theme/apple/stylesheet/stylesheet.sass')
.pipe(sass({
includePaths: bourbon.includePaths
}).on('error', sass.logError))
.pipe(autoprefixer(['last 15 versions']))
.pipe(cleanCSS())
.pipe(gulp.dest('catalog/view/theme/apple/stylesheet/'))
.pipe(browserSync.reload({stream: true}))
});

gulp.task('code', function() {
return gulp.src(['catalog/view/theme/apple/template/**/*.tpl', 'catalog/view/theme/apple/libs/**/*'])
.pipe(browserSync.reload({ stream: true }))
});

// Выгрузка изменений на хостинг
gulp.task('deploy', function() {
var conn = ftp.create({
host: 'hostname.com',
user: 'username',
password: 'userpassword',
parallel: 10,
log: gutil.log
});
var globs = [
'catalog/view/theme/apple/**'
];
return gulp.src(globs, {buffer: false})
.pipe(conn.dest('/path/to/folder/on/server'));
});

// Наблюдение за файлами

if (gulpversion == 3) {
gulp.task('watch', ['sass', 'browser-sync'], function() {
gulp.watch('catalog/view/theme/apple/stylesheet/stylesheet.sass', ['sass']);
gulp.watch('catalog/view/theme/apple/template/**/*.tpl', browserSync.reload);
gulp.watch('catalog/view/theme/apple/js/**/*.js', browserSync.reload);
gulp.watch('catalog/view/theme/apple/libs/**/*', browserSync.reload);
});
gulp.task('default', ['watch']);
}

if (gulpversion == 4) {
gulp.task('watch', function() {
gulp.watch('catalog/view/theme/apple/stylesheet/stylesheet.sass', gulp.parallel('sass'));
gulp.watch('catalog/view/theme/apple/template/**/*.tpl', browserSync.reload);
gulp.watch('catalog/view/theme/apple/js/**/*.js', browserSync.reload);
gulp.watch('catalog/view/theme/apple/libs/**/*', browserSync.reload);
});
gulp.task('default', gulp.parallel('sass', 'browser-sync', 'watch'));
}

[Alex А.В.]

Валерий, что относительно пути?)

[Валерий]

Alex А.В.,
Я имел в виду относительные пути.

Попробуйте убрать бурбон из задачи sass.
Вместо

.pipe(sass({
  includePaths: bourbon.includePaths
}).on('error', sass.logError))

оставить просто sass и отключить логирование
.pipe(sass())