schluck sass relative Pfade

Question

sass gibt eine Fehlermeldung

Error: File to import not found or unreadable: helpers/mixins.scss 
    Parent style sheet: .../temp/styles/all.scss 
    on line 1 of temp/styles/all.scss 
>> @import 'helpers/mixins.scss'; 
^

an diesem Punkt sieht der Code wie

@import 'helpers/mixins.scss'; 
@import 'helpers/variables.scss'; 
@import 'helpers/fonts.scss'; 
@import '../../node_modules/bootstrap/scss/bootstrap'; 
@import '../../node_modules/fotorama/fotorama.css'; 

.navbar { 
    @extend navbar-light; 
    @extend bg-faded; 
} 

schluck Aufgabe wie diese

sieht

var blocks = 'app/blocks/**/*.scss'; 

gulp.task('styles',() => (
gulp.src(['app/styles/app.scss', blocks]) 
    .pipe(concat('all.scss')) 
    .pipe(sass({ 
     errLogToConsole: true, 
     indentedSyntax: false 
    })) 
    .pipe(gulp.dest('temp/styles')) 
)); 

Wie dieses Problem zu lösen Problem? wie man galp den Weg richtig verstehen?

Answer 1

In Ihrer Schluck-Datei können Sie Sass-Pfade deklarieren, z.

Diese sind relativ zu Ihrer Schluckdatei.

Dann setzen Sie umfassen Pfade innerhalb der Liste von Sass Argumente

.pipe(sass({ 
    errLogToConsole: true, 
    indentedSyntax: false, 
    includePaths: sassPaths 
})) 

Dann in Ihrem sass stellen Sie sicher, Ihre Importe entweder relaitve an die Mutter sass Datei oder relativ zu einem der Pfade enthalten sind.