gulp gulp-sass source string:1: error: file to import not found or unreadable: "susy"

StackOverflow https://stackoverflow.com/questions/23668683

  •  23-07-2023
  •  | 
  •  

سؤال

Need assistance with getting gulp/gulp-sass to recognize susy. Im running out of ideas and need a 2nd set of eyes. Thank you for feedback.

Error:

[gulp] [gulp-sass] source string:1: error: file to import not found or unreadable: "susy"

gem list

rubygems-update (2.2.2)
rubyzip (1.0.0)
rvm (1.11.3.8)
sass (3.3.7)
selenium-webdriver (2.37.0)
slop (3.4.6)
sorcerer (1.0.2)
susy (2.1.2)

Config.rb

require 'susy'

Gemfile

source 'https://rubygems.org'
gem 'susy'

Gulp

var paths = {
sass: ['sass/main.scss'],
scripts: ['js/vendor/jquery-1.11.0.min.js', 'js/*.js'],
images: 'img/**/*'
};
// Styles
gulp.task('styles', function() {
    return gulp.src(paths.sass)
    .pipe(sass({errLogToConsole: true}))
    .pipe(gulp.dest('css'))
    .pipe(rename({ suffix: '.min' }))
    .pipe(minifycss())
    .pipe(gulp.dest('css'))
    .pipe(notify({ message: 'Styles task complete' }));
});
هل كانت مفيدة؟

المحلول

Switching to gulp-ruby-sass and configuring per below solved the issue:

gulp.task('styles', function() {
   return gulp.src(paths.sass)
    .pipe(sass({require: ['susy']}))
    .pipe(gulp.dest('css'))
    .pipe(rename({ suffix: '.min' }))
    .pipe(minifycss())
    .pipe(gulp.dest('css'))
    .pipe(notify({ message: 'Styles task complete' }));
});
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top