@miniven

С чем связана ошибка при компиляции sass через gulp?

Структура проекта такая на данный момент такая:
05e1bc594dff419d82cf1d63153b60b7.png

Внутри app.scss идет подключение следующих файлов:
@import 'partials/base';
@import 'partials/navbar';


Я использую gulp для сборки проекта.
gulpfile.js:
var gulp = require('gulp'),
	sass = require('gulp-sass'),
	autoprefixer = require('gulp-autoprefixer'),
	jade = require('gulp-jade'),
	rename = require('gulp-rename');

var path = {
	src: {
		styles: './assets/scss/app.scss',
		jade: './assets/**/*.jade'
	},
	public: {
		styles: './public/css',
		jade: './public/',
	},
	watch: {
		styles: './assets/**/*.scss',
		jade: './assets/**/*.jade',
	}
};

gulp.task('styles', function() {
	return gulp.src(path.src.styles)
	.pipe(sass())
	.pipe(autoprefixer({
		browsers: ['last 5 version']
	}))
	.pipe(gulp.dest(path.public.styles))
});

gulp.task('jade', function() {
	return gulp.src(path.src.jade)
	.pipe(jade({
		pretty: true
	}))
	.pipe(gulp.dest(path.public.jade))
});

gulp.task('watch', function() {
	gulp.watch(path.watch.styles, ['styles']);
	gulp.watch(path.watch.jade, ['jade']);
});


Возникает проблема: Я отслеживаю изменения во всех .scss-файлах. И если я компилирую app.scss, то все отрабатывает нормально. Если я изменяю один из двух подключаемых файлов, то с первого раза все работает хорошо, а во второй раз получается следующая ошибка:

events.js:160
      throw er; // Unhandled 'error' event
      ^
Error: assets\scss\app.scss
Error: File to import not found or unreadable: ./partials/base
       Parent style sheet: D:/Developement/OpenServer/domains/revival.layout/assets/scss/app.scss
        on line 3 of assets/scss/app.scss
>> @import './partials/base';
   ^


Почему она может возникать и как с ней справиться?
  • Вопрос задан
  • 534 просмотра
Пригласить эксперта
Ответы на вопрос 1
andykov
@andykov
Shit happens
В ошибке ведь все написано
Error: File to import not found or unreadable - Файл для импорта не найден
И файл со строчкой указаны - on line 3 of assets/scss/app.scss

Исправьте './partials/base' на '../partials/base'
Ответ написан
Ваш ответ на вопрос

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

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