[Mac]Sublime Text3でSassのコンパイルエラーが出た場合の解決方法

2015年11月08日
follow us in feedly

先日購入したMacBook AirSassとCompassインストールしましたが、Sublime Text3でSassをコンパイルするとエラー発生。

config.rbもセットokだし、必要なプラグインもインストール完了している。windowsならこれで問題なくコンパイルできるのにとエラー内容を見ると・・・

error

エラー表示内容
[ERROR] compass not found. Make sure it exists in your PATH.

あらら。パスが通ってないじゃん。

解決方法

Compass.sublime-buildファイルを編集します。ファイルの場所は Macintosh HD/Users/(ユーザー名)/Library/Application Support/Sublime Text 3/Packages/Compass/Compass.sublime-build です。

compass_sublime-build

次の10〜12行目の部分を追記します。

{
	"cmd": "sh '${packages}/Compass/build.sh' '${file_path}' '${project_path:${folder}}'",
	"working_dir": "$packages/Compass",
	"selector": "source.sass, source.scss",
	"shell": "true",
	"windows":
	{
		"cmd": "build.cmd \"${file_path}\" \"${project_path:${folder}}\""
	},
	"osx":
	{
		"path": "/usr/local/bin:/Users/hubworks/.rbenv/shims:$PATH"
    }
}

これで問題なくコンパイルできました。

follow us in feedly

関連記事

福岡でホームページ制作を依頼するなら【ハブワークス】

ホームページ制作・リニューアル・スマートフォンサイト制作・ECサイト制作は福岡のハブワークスまでお気軽にどうぞ。WEBサイト制作後の修正・更新・SEO対策もお任せください。リーズナブルな料金設定でサービスをご提供いたします。

webサイト制作・修正に関するお問合せ・ご相談・お見積りはお気軽にどうぞ