WindowsにCompassインストールしようとしたらエラーが出た

2017年5月28日Windows

この記事のURLとタイトルをコピー
お使いの端末ではこの機能に対応していません。
下のテキストボックスからコピーしてください。
WindowsにCompassインストールしようとしたらエラーが出た

どーも!カゴブロ(@kagoblo)です。

まずは結論

長いためまず結論から。
他の原因もあるかと思いますが、私の環境ではDevelopment Kitをインストールすることにより解決いたしました。

 Downloads (http://rubyinstaller.org/downloads/)より Development Kitをダウンロード

さらにコマンドプロンプトより以下3つを実行

> devkitvars.bat

> ruby dk.rb init

> ruby dk.rb install

その後Compassのインストールをしてみてください。以上です☆

CSSをがっつりいじるため、SCSSを試そうと思った

このブログのテーマ作者のわいひらさんの記事
http://nelog.jp/sublime-text-3-scss-compass
お!これ見たらいけるやん!!

自分もブログのカスタマイズをがっつりやるなら、今の環境を変えようた方がいいかなと常々思っていたのでやっと重い腰を上げました。
(ちなみに今まではTerapadで編集して、FFFTPでアップロードのスタイル)

と、思ったらOTL

コマンドプロンプトでしかも英語でエラーが出るとめげそうになるよね

Compassをインストールのところで以下の様なエラーに見舞われました。。

windows-compass-error-1

ERROR:  Error installing compass:
        The 'ffi' native gem requires installed build tools.

Please update your PATH to include build tools or download the DevKit
from 'http://rubyinstaller.org/downloads' and follow the instructions
at 'http://github.com/oneclick/rubyinstaller/wiki/Development-Kit'

ググってみると
http://jimfrenette.com/2014/11/compass-on-windows/

こちらの方法で解決できそうでした。(英語やん)

つまりDevKitというものをインストールしなさいということですね。

とりあえずやってみる。

Ruby Development Kitのインストール方法

Development Kitのダウンロード

まずは、以下のリンク中盤やや下のDevelopment Kitからお使いのWindowsに対応する方をダウンロード
 Downloads (http://rubyinstaller.org/downloads/)

自分はWindows7 64bitなので一番下の “DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe” をダウンロード
windows-compass-error-2

DevKit-mingw64-64-*-sfx.exeの展開

ダウンロードしたファイルを開くと以下の様なダイアログが出ます。
windows-compass-error-3
このときそのままOKを押して進んでしまうとダウンロードしたディレクトリにファイルが直接展開されてしまってややこしいため
windows-compass-error-4
このようにフォルダを指定して展開するといいです。フォルダは存在しなくても勝手に作られますのでご安心を。
ここではフォルダ名をRubyDevkitにしました。さらにこのあとコマンドプロンプトからこのフォルダを使うのでルートに近いとこにしておくとなお良いです。

Development Kitのインストール

コマンドプロンプトで上記フォルダに移動してから

> devkitvars.bat

> ruby dk.rb init

> ruby dk.rb install

の3つを入力しひとつずつ実行してください。

windows-compass-error-5

そのあとコンパスのインストールを再びためしてみると無事成功しました!

gem install compass

同じ問題でお困りの方はぜひご参考ください。