2016-03-22 60 views
1

Her birkaç kez ithal yudum-küstahlık izle hatasıocasional yudum-küstahlık 'bulunamadı veya okunamaz' hata benim _vars.scss dosyasını düzenlemek değişken kısmi

Error in plugin 'sass' 
Message: 
    sass\stylesheet.scss 
Error: File to import not found or unreadable: vars 
    Parent style sheet: stdin 
    on line 10 of stdin 
>> @import 'vars'; 
^
atacağım Ben derlemek için alabilirsiniz

Ben satırını açıklama yine eğer İşte

@import 'vars'; 

benim kodudur

stylesheet.scss

//Settings 
@import 'colors'; 
@import 'vars'; 

//External libs 
@import 'font-awesome'; 
@import 'susy'; 
@import 'breakpoint'; 

//Global and default styles 
@import 'global'; 

//sections 
@import 'styles/header'; 
@import 'styles/main'; 
@import 'styles/footer'; 

_vars.scss

$font-heading: 'Oswald', sans-serif; 
$font-paragraph: 'Raleway', sans-serif; 

// Padding 
$spacing: 5px; 

@function spacing($size){ 
    @return $spacing * $size; 
} 

$footer-height: spacing(10); 

$susy: (
    columns: 12, 
    gutters: 1/4, 
    // debug: (image: show) 
); 

Gulpfile,

var gulp = require('gulp'); 
var util = require('gulp-util'); 
var replace = require('gulp-replace'); 
var browserSync = require('browser-sync').create(); 

var sass = require('gulp-sass'); 
var inclPaths = require('sass-include-paths'); 
var sourcemaps = require('gulp-sourcemaps'); 

var bower = require('gulp-bower'); 

var stylePaths = { 
    sass: './sass/**/*.scss', 
    css: './css' 
} 
var sassIncludes = [] 
    .concat(inclPaths.bowerComponentsSync()); 
var sassOptions = { 
    style: 'expanded', 
    includePaths: sassIncludes 
} 

var bowerDir = './bower_components'; 

var faPaths = { 
    src: bowerDir + '/font-awesome/fonts/**.*', 
    dest: 'fonts', 
} 

var vendorJS = { 
    base: bowerDir, 
    scripts: [bowerDir + '/jquery/dist/jquery.js'], 
    dest: './js/vendor' 
} 

gulp.task('sass', function(){ 
    return gulp 
     .src(stylePaths.sass) 
     .pipe(sourcemaps.init()) 
     .pipe(sass(sassOptions).on('error', sass.logError)) 
     .pipe(sourcemaps.write()) 
     .pipe(gulp.dest(stylePaths.css)) 
     .pipe(browserSync.stream({match: '**/*.css'})); 
}); 

gulp.task('watch', ['sass'], function(){ 

    browserSync.init({ 
     proxy: 'mysite.local' 
    }); 

    gulp.watch(stylePaths.sass, ['sass']); 
    gulp.watch('./*.html').on('change', browserSync.reload); 
}); 

gulp.task('bower', function(){ 
    return bower() 
     .pipe(gulp.dest(bowerDir)); 
}); 

gulp.task('faFonts', function(){ 
    return gulp.src(faPaths.src) 
     .pipe(gulp.dest(faPaths.dest)); 
}); 

gulp.task('vendorScripts', function(){ 
    return gulp.src(vendorJS.scripts, {base: vendorJS.base}) 
     .pipe(gulp.dest(vendorJS.dest)); 
}) 

gulp.task('default', ['watch']); 

cevap

3

Bu hata hakkında çok şey okuma olmuştur js ve genellikle çünkü yüce metin ve bir windows makinesini kullanarak taşımaktadır. Bu ayarlara sahipseniz, üstün tercihlere girmeniz gerekir, daha sonra "Ayarlar - Kullanıcı" ve başka bir seçenek "atomic_save" ekleyin: true. Bu konuda daha fazla araştırma yapabilirsiniz, çünkü bu konuya sahip tonlarca kişi var. Kod Ayarları

- Kullanıcı:

{ 
    "color_scheme": "Packages/Color Scheme - Default/Twilight.tmTheme", 
    "font_size": 9, 
    "atomic_save": true 
} 

Selamlar.