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

Question

[miniven]

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


Внутри 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';
   ^

Почему она может возникать и как с ней справиться?

Answer 1

[Андрей Б.]

В ошибке ведь все написано
Error: File to import not found or unreadable - Файл для импорта не найден
И файл со строчкой указаны - on line 3 of assets/scss/app.scss

Исправьте './partials/base' на '../partials/base'

Comments

[miniven]

Но у меня ведь папка partials и файл app.scss лежат на одном уровне.
Вы предлагаете подниматься на уровень выше и там искать папку partials.
И, опять же, первый раз все компилируется правильно. На второй раз уже не хочет

[Андрей Б.]

miniven Я лишь предположил вашу структуру.
Если partials на том же уровне, тогда так @ import 'partials/base';