Load error with Susy - Sass - Compass - watch - ruby

I have compass 1.0.0.alpha.18 installed with Sass 3.3.2 and Susy 2.0.0 and get
"Loaderror on line["45"] of C: cannot load such file --wdm"
The process that I am trying in the console is this:
gem install sass
gem install compass
When I do this, it tells me "successfully installed compass-0.12.3 but if I run compass --version I get Compass 1.0.0.alpha.18.
gem install susy
compass watch [my sass folder]
Returns: Compass is watching for changes
overwrite ../css/styles.css
Loaderror on line["45"] of C: cannot load such file --wdm
Any help would be greatly appreciated.

Related

LoadError: cannot load such file -- sass-listen

I've got an html + js project I use sass with. Works great as long as I don't want to use --watch mode. After running:
sass --watch main.scss:main.css
the error is:
sass --watch main.scss:main.css
>>> Sass is watching for changes. Press Ctrl-C to stop.
LoadError: cannot load such file -- sass-listen
Use --trace for backtrace.
I have a simple Gemfile with: gem 'listen', '~> 2.4.1' and after running bundle update I got in my output:
Fetching listen 2.4.1
Installing listen 2.4.1
Bundle updated!
but still the result is the same.
Could you please help me to fix it? I'm working in WebStorm with LiveEdit plugin in js debugging mode if that makes any difference?
The wrong gem has been added. It needs to be gem 'sass-listen', '~> 4.0'. After adding that to Gemfile and running the bundle update everything works fine.

Sass/Ruby error when #import compass

I've installed sass and compass - the compass watch and compile are working fine, but the #import "compass/reset"; in the screen.scss gives this error:
C:/Ruby193/bin/scss.bat --no-cache --update screen.scss:screen.css
error screen.scss (Line 6: File to import not found or unreadable: compass/reset. Load paths: )
Tried also #import "compass/css3" but gives the same error.
Tried uninstall and reinstall of both sass and compass, then I read something about incompatible versions so tried just installing compass on its own. I'm not familiar with ruby so would appreciate help with what to try next.
Versions:
ruby 1.9.3p125
Sass 3.4.5
Compass 1.0.1
Windows 7
Phpstorm 7.1

LoadError on line 1038 : no such file to load -- bootstrap-sass

I start my Compass projects in console with line $ compass create myProject1
which create a myProject1 folder with a config.rb file and sass & stylesheets folders.
Next, I use Scout.app to watch myProyect1 and it works.
For Bootstrap-Compass-Sass projects
I run in console the line $ compass create myProyect2 -r bootstrap-sass --using bootstrap
for create a myProject2 folder with a config.rb file, a javascripts, sass and stylesheets folders.
Next I run Scout.app to watch myProyect2 and appear this message:
LoadError on line 1038 of org/jruby/RubyKernel.java: no such file to load -- bootstrap-sass
/Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/lib/compass/configuration/data.rb:161:in ´require'
If I watch myProyect2 in Terminal with $ compass watch . doesn't appear error messages... but I want to understand why doesn't work Bootstrap projects in Scout.
My versions
Scout 0.7.1
Bootstrap Affix v3.2.0
Compass 0.12.6 (Alnilam)
Sass 3.2.19 (Media Mark)
Image
http://i.imgur.com/FsXJI3d.png
Releated questions:
compass failing to load singularitygs gem

Running a compass task with gulp results in a LoadError

When running a compass task with Gulp (on OSX), I receive the following error. I've tried installing specific versions of both compass and sass (in various orders) without any notable effect.
[17:25:46] LoadError on line ["54"] of /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb: cannot load such file -- compass/import-once/activate
Run with --trace to see the full backtrace
events.js:72
throw er; // Unhandled 'error' event
^
Error: Compass failed
at Transform.<anonymous> (/Users/liamegan/Projects/WTC/nintendo.wethecollective.com/html/Websites/Kids/web/node_modules/gulp-compass/index.js:37:28)
at ChildProcess.<anonymous> (/Users/liamegan/Projects/WTC/nintendo.wethecollective.com/html/Websites/Kids/web/node_modules/gulp-compass/lib/compass.js:136:7)
at ChildProcess.EventEmitter.emit (events.js:98:17)
at maybeClose (child_process.js:743:16)
at Socket.<anonymous> (child_process.js:956:11)
at Socket.EventEmitter.emit (events.js:95:17)
at Pipe.close (net.js:465:12)
My compass version is 0.12.7 and my sass version is 3.3.13 however I've also tried with sass 3.2.19.
My sass gulp process is as follows:
gulp.task('sass', function() {
gulp
.src('./_src/sass/screen.scss')
.pipe(compass({
config_file: './config.rb'
}))
.pipe(gulp.dest('./assets/css'))
})
Any help or insight would be greatly appreciated.
Cheers,
L
I fixed this with the following:
sudo gem uninstall sass
sudo gem uninstall compass
sudo gem install sass
sudo gem install compass --pre
This installed the prerelease version of compass which works with the latest, stable version of sass.

Import of "bourbon" doesn't work in Jekyll setup

I'm using Jekyll to create a static website and want to use the framework Bourbon to build my CSS from.
I've installed Jekyll and want to install Bourbon by adding it to my Gemfile using gem 'bourbon' and running bundle install.
Now when I add the rule #import 'bourbon'; to my SCSS file and start to run Jekyll by jekyll serve -w it starts, but when I modify my SCSS file the Jekyll watcher throws an error saying:
Regenerating: 1 files at 2014-07-03 10:00:11 `Conversion error: There was an error converting 'css/main.scss'.`
...error:
Error: File to import not found or unreadable: bourbon. Load path: /Users/mark/Code/markdejong.com/mistermark.github.com.jekyll/_sass
Error: Run jekyll build --trace for more information.
What can be the problem here? Shouldn't it be possible to import it like this or doesn't Jekyll support this?
Assuming you have a Gemfile:
source 'https://rubygems.org'
gem 'jekyll'
gem 'bourbon'
gem 'neat'
Add this line to _config.yml
gems: [bourbon, neat]
Jekyll will require these gems automatically.
Just do for import:
#import 'bourbon';
#import 'neat';
Check Jekyll docs for more information
http://jekyllrb.com/docs/plugins/
Did you do a
bourbon install
In order to create the bourbon folder ?
Bourbon's doc also says that for non rail app the import rule is :
#import 'bourbon/bourbon';
Did you import Bourbon at the Ruby level, with require 'bourbon?
Or in your Sass configuration?
With Sass, to use Bourbon installed with RubyGems, you have to tell the following command (note the argument -r bourbon):
sass -r bourbon -w css:sass
I do not know Jekyll, but it's perhaps a clue?

Resources