gulp-ruby-sass无法导入文件 [英] gulp-ruby-sass unable to import files
本文介绍了gulp-ruby-sass无法导入文件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
[17：0]我试图创建一个gulp-ruby-sass任务，但是我看到以下错误： 32:34] gulp-ruby-sass：error ./styles.scss（第1行：导入文件不存在
或无法读取：header.scss。
加载路径：C：/ Users / nassi /我的项目结构：$ / $> $ / $> $
应用程序
资产
css
_header.scss
_home.scss
_navigation。 scss
_buttons.scss
_dialogs.scss
styles.scss
在styles.scss中我有：
@importheader.scss;
@importhome.scss;
@importnavigation.scss;
@importbuttons.scss;
@importdialogs.scss;
我的大嘴巴任务：
var paths = {
sass：['assets / css / styles.scss']
};
$ b $ SASS任务
gulp.task（'sass'，function（）{
gulp.src（paths.sass）
.pipe（sass（） ）
.pipe（concat（'all.min.css'））
.pipe（gulp.dest（'assets / css /'））;
}）;
我新创建的all.min.css显示：
/ *
语法错误：要导入的文件找不到或不可读：header.scss。
在./styles.scss行1上加载路径：C：/ Users / nassi / AppData / Local / Temp / gulp-ruby-sass
$ b 1：@import header.scss;
2：@importhome.scss;
3：@importnavigation.scss;
4：@importbuttons.scss;
5：@importdialogs.scss;
Backtrace：
./styles.scss:1
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/ sass / tree / import_node.rb：66：in`rescue in import'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/import_node .rb：45：在'import'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/import_node.rb：28：在` imported_file'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/import_node.rb：37：in`css_import？'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb：283：在`visit_import'
C：/ Ruby193 / lib / ruby / gems / 1.9.1 / gems / sass-3.3.10 / lib / sass / tree / visitors / base.rb：36：在`visit'
C：/ Ruby193 / lib / ruby / gems /1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb:152:in`block in visit'
C：/Ruby193/lib/ruby/gems/1.9。 1 / gems / sass-3.3.10 / lib / sass / stack.rb：79：在'with_base'块中
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3 .10 / lib / sass / stack.rb：121：在`with_frame'
C：/ Ruby193 / lib / ru通过/ gems / 1.9.1 / gems / sass-3.3.10 / lib / sass / stack.rb：79：在`with_base'
C：/Ruby193/lib/ruby/gems/1.9.1/gems /sass-3.3.10/lib/sass/tree/visitors/perform.rb:152:in`visit'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3。 10 / lib / sass / tree / visitors / base.rb：52：在`block in visit_children'中
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib /sass/tree/visitors/base.rb:52:in`map'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/ visitor / base.rb：52：在`visit_children'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb ：161：`在visit_children'block
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb：173： in`with_environment'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb：160：in'visit_children'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/base.rb：36：在`block in visit'中
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sa ss-3.3.10 / lib / sass / tree / visitors / perform.rb：180：在`visit_root'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10 /lib/sass/tree/visitors/base.rb:36:in`visit'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/ tree / visitors / perform.rb：151：在`visit'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform .rb：8：在'visit'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/root_node.rb：36：在` css_tree'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/root_node.rb：20：'render'
C ：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/engine.rb：274：在`render'
C：/ Ruby193 / lib / ruby / gems /1.9.1/gems/sass-3.3.10/lib/sass/plugin/compiler.rb:378:in`update_stylesheet'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/ sass-3.3.10 / lib / sass / plugin / compiler.rb：189：在`block in update_stylesheets'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10 /lib/sass/plugin/compiler.rb:186:in`each'
C：/ Ruby193 /lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/plugin/compiler.rb:186:in`update_stylesheets'
C：/ Ruby193 / lib / ruby / gems / 1.9.1 / gems / sass-3.3.10 / lib / sass / plugin.rb：82：在`update_stylesheets'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3 .10 / lib / sass / exec.rb：489：在`watch_or_update'中
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/exec。 rb：346：在`process_result'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/exec.rb：43：在`parse'
C：/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/exec.rb：22：在`parse！'
C：/ Ruby193 / lib / ruby / gems / 1.9.1 / gems / sass-3.3.10 / bin / sass：13：'< top（required）>'
C：/ Ruby193 / bin / sass：23： in`load'
C：/ Ruby193 / bin / sass：23：in< main>'
* /
body：before {
white-space：pre;
font-family：monospace;
在Bootcamp上运行Windows 7 64位
解决方案您必须像这样使用loadPath选项：
// SASS任务
gulp.task（'sass'，function（）{
gulp.src（paths.sass）
.pipe（sass（{
loadPath：__dirname + paths.sass $ b $ （'all.min.css'））
.pipe（gulp.dest（'assets / css /'））;
}）;
在新版本的gulp-ruby-sass中有必要。
您可以导入的SASS部分不带任何后缀：
@importheader;
@importhome;
@importnavigation;
@importbuttons;
@import对话框;
ciao
Ralf
I am trying to create a gulp-ruby-sass task however i am seeing the following error:
[17:32:34] gulp-ruby-sass: error ./styles.scss (Line 1: File to import not found
or unreadable: header.scss.
Load path: C:/Users/nassi/AppData/Local/Temp/gulp-ruby-sass)
My project structure:
app
assets
css
_header.scss
_home.scss
_navigation.scss
_buttons.scss
_dialogs.scss
styles.scss
Within styles.scss i have:
@import "header.scss";
@import "home.scss";
@import "navigation.scss";
@import "buttons.scss";
@import "dialogs.scss";
My gulp tasks:
var paths = {
sass: ['assets/css/styles.scss']
};
// SASS task
gulp.task('sass', function () {
gulp.src(paths.sass)
.pipe(sass())
.pipe(concat('all.min.css'))
.pipe(gulp.dest('assets/css/'));
});
My newly created all.min.css shows:
/*
Syntax error: File to import not found or unreadable: header.scss.
Load path: C:/Users/nassi/AppData/Local/Temp/gulp-ruby-sass
on line 1 of ./styles.scss
1: @import "header.scss";
2: @import "home.scss";
3: @import "navigation.scss";
4: @import "buttons.scss";
5: @import "dialogs.scss";
Backtrace:
./styles.scss:1
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/import_node.rb:66:in `rescue in import'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/import_node.rb:45:in `import'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/import_node.rb:28:in `imported_file'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/import_node.rb:37:in `css_import?'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb:283:in `visit_import'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/base.rb:36:in `visit'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb:152:in `block in visit'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/stack.rb:79:in `block in with_base'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/stack.rb:121:in `with_frame'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/stack.rb:79:in `with_base'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb:152:in `visit'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/base.rb:52:in `map'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/base.rb:52:in `visit_children'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb:161:in `block in visit_children'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb:173:in `with_environment'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb:160:in `visit_children'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/base.rb:36:in `block in visit'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb:180:in `visit_root'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/base.rb:36:in `visit'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb:151:in `visit'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/visitors/perform.rb:8:in `visit'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/root_node.rb:36:in `css_tree'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/tree/root_node.rb:20:in `render'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/engine.rb:274:in `render'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/plugin/compiler.rb:378:in `update_stylesheet'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/plugin/compiler.rb:189:in `block in update_stylesheets'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/plugin/compiler.rb:186:in `each'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/plugin/compiler.rb:186:in `update_stylesheets'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/plugin.rb:82:in `update_stylesheets'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/exec.rb:489:in `watch_or_update'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/exec.rb:346:in `process_result'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/exec.rb:43:in `parse'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/lib/sass/exec.rb:22:in `parse!'
C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.3.10/bin/sass:13:in `<top (required)>'
C:/Ruby193/bin/sass:23:in `load'
C:/Ruby193/bin/sass:23:in `<main>'
*/
body:before {
white-space: pre;
font-family: monospace;
Im running Windows 7 64bit on Bootcamp
解决方案 You must use the loadPath option like this:
// SASS task
gulp.task('sass', function () {
gulp.src(paths.sass)
.pipe(sass({
loadPath : __dirname + paths.sass
}))
.pipe(concat('all.min.css'))
.pipe(gulp.dest('assets/css/'));
});
It's necessary in newer versions of gulp-ruby-sass.
The SASS-partials you can import without any suffix:
@import "header";
@import "home";
@import "navigation";
@import "buttons";
@import "dialogs";
Ciao
Ralf
这篇关于gulp-ruby-sass无法导入文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
