How to install compass in mac?

Question

I would like to install compass through the terminal in mac. I installed sass. I now have Sass 3.3.0.alpha.175 (Bleeding Edge)

Then I tried to install compass with

sudo gem install compass

It gave me this warning

/System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/1.8/rdoc/rdoc.rb:280: warning: conflicting chdir during another chdir block
/System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/1.8/rdoc/rdoc.rb:287: warning: conflicting chdir during another chdir block

then stated the "1 gem installed"

When I run compass, it does not work, it gives me these lines:

/Library/Ruby/Site/1.8/rubygems/core_ext/kernel_require.rb:110:in `gem_original_require': no such file to load -- sass/script/node (LoadError)
    from /Library/Ruby/Site/1.8/rubygems/core_ext/kernel_require.rb:110:in `require'
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches/browser_support.rb:1
    from /Library/Ruby/Site/1.8/rubygems/core_ext/kernel_require.rb:45:in `gem_original_require'
    from /Library/Ruby/Site/1.8/rubygems/core_ext/kernel_require.rb:45:in `require'
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:2
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1:in `each'
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1
    from /Library/Ruby/Site/1.8/rubygems/core_ext/kernel_require.rb:45:in `gem_original_require'
    from /Library/Ruby/Site/1.8/rubygems/core_ext/kernel_require.rb:45:in `require'
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass/sass_extensions.rb:9
    from /Library/Ruby/Site/1.8/rubygems/core_ext/kernel_require.rb:45:in `gem_original_require'
    from /Library/Ruby/Site/1.8/rubygems/core_ext/kernel_require.rb:45:in `require'
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass.rb:5
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass.rb:4:in `each'
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/lib/compass.rb:4
    from /Library/Ruby/Site/1.8/rubygems/core_ext/kernel_require.rb:45:in `gem_original_require'
    from /Library/Ruby/Site/1.8/rubygems/core_ext/kernel_require.rb:45:in `require'
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/bin/compass:20
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/bin/compass:8:in `fallback_load_path'
    from /Library/Ruby/Gems/1.8/gems/compass-0.12.2/bin/compass:19
    from /usr/bin/compass:23:in `load'
    from /usr/bin/compass:23

Is there a way to fix this?

Up to now I used codekit. But I would like to take advantage of sourcemaps and I believe the terminal is the only way to do it. I tried watching sass along with source maps and the result is beautiful (in that I could use chrome as an editor). But I'd like to add compass in there as well.

Is there a way to get this working?

I am using os version 10.8.3

Answer 1

Compass is not compatible with sass 3.3.0 alpha (see gem doc). You should uninstall compass and sass, and the reinstall using sudo gem install compass which will install sass as well (with the right version).

EDIT:

Just tried to install compass with rvm today (26 Feb 2017) and stumbled upon another error: Error compiling Compass LoadError on line [“179”] .. data.rb: Cannot load such file. This answer worked for me.

Answer 2

in my solution: I have installed ruby. brew install ruby (I know already installed with mac) then sudo gem install compass

Answer 3

For what it's worth, if you're using RVM, then don't use sudo. Here's how I solved this problem (and I got here using Alexandre's answer):

1) $ gem uninstall sass (say yes to prompts alerting you about dependancies, you're about to reinstall anyway)

2) $ gem install sass -v 3.2.10

after that, compass is working great