Sublime Text 3でcompassのコンパイルエラーがいつまでたっても直せなかった件

WEB制作Tips

結論としては「なんだこんなことでorz」感半端ないのですが、
二度と同じことにはまらないよう、また自分の注意力のなさの自戒として書いときます。

Sublime Text 3上でcompassを使ったコンパイルができない!!

サイト制作の効率化を図るにあたり、
CSSメタ言語を避けては通れないよなーと遅ればせながら思い至り、
最近SCSSを勉強しております。
で、Sublime Text 3でサクサクSCSSを使える環境を整えたのです。
(この辺の環境設定についてはまたいずれ。てか私もググっただけなのですが)

が。
一通りの設定を終えて、いざコンパイル(command + b)してみると・・・

NoMethodError on line [“267”]

!?何これ。
実は一度会社で全く同じようにセットアップをしており、
その時はエラーなくコンパイルできていたので、
原因の見当がつかない。
早速ググってみたものの、全然ヒントになりそうな情報もなく・・・
SassやSCSS、はたまたRubyのアップデートや再インストール、
パスの見直しなど、とりあえずいろいろ試してみたのですが著変なしで、
実に2日ほど途方にくれる展開に。

原因は単なるスペルミスだったorz

なんとか解決のきっかけだけでも・・・と再びググっていると、
英語のサイトでこんなことが書かれているのを発見。

「それはあなたのインストールかconfig.rbに問題があるようです」(超意訳)

config.rbに問題って・・・。
改めて見返すも、特に間違ったこと書いてなさそうなんだけど。。。
ただ、私はconfig.rbを1から手書きしている
(デフォルトのconfig.rbとやら(#でいっぱい説明が書いてあるやつ)が、
どこにあるのかわからない体たらくなので、サイト見ながらちまちま書いた)
ため、やっぱりどっかミスってるかもしれないと、改めて確認することに。

Compassの設定ファイル「config.rb」の編集方法
を見ながら、一行一行確認していると・・・ん?

output_styleのとこ・・・アンダースコア足りなくね?
(output styleになってた)

で、そこ直してコンパイルしてみると・・・

できたよorz

私の2日間は一体なんだったのかというくらいのあっさりとした結末。
しかもスペルミスとかいう低レベル中の低レベルな話で・・・。
せめて何でコピペしなかったのかと、最初にconfig.rbを書いた時点の私を
小一時間問い詰めたい。

とにかくこれで、快適なSCSSライフを送れる(はず)。
次にWEB制作関連の備忘録を書く時は、
他のエンジニアさんが書かれてるようなレベルの高い話を書けますように。

コメント