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

Sponsored Link

先日購入した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"
    }
}

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

関連記事

福岡のウェブデザイン事務所「ハブワークス」

HP作成・リニューアルは福岡のハブワークスまでお気軽にお問い合わせください。ウェブサイト公開後の修正・更新もお任せください。フリーランスだからできるリーズナブルな料金設定でサービスをご提供いたします。