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

WindowsにCompassインストールしようとしたらエラーが出た
photo by 写真素材ぱくたそ モデル 河村友歌さん

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

まずは結論

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

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

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

> devkitvars.bat

> ruby dk.rb init

> ruby dk.rb install

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

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

このブログのテーマ作者のわいひらさんの記事

前回、Windows上で最も簡単に設定できるであろうSCSSコンパイル環境を作成しました。上記の方法は、GUIアプリで設定&コンパイルができるので、とても取っつきやすい方法です。ただ、できるなら、いつも利用しているSublime T
お!これ見たらいけるやん!!

自分もブログのカスタマイズをがっつりやるなら、今の環境を変えようた方がいいかなと常々思っていたのでやっと重い腰を上げました。
(ちなみに今までは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

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

WindowsにCompassインストールしようとしたらエラーが出た
この記事が気に入ったらいいね!しよう