Help us understand the problem. What is going on with this article?

【grunt 】macOS Mojave 10.14.1でsassのコンパイルエラーが出た

More than 1 year has passed since last update.

タイトルの通りです。
使い始めたばかりのPC(macOS Mojave)で、初めてgruntでsassをコンパイルしようとしたらエラーが出た時の話です。

エラー内容▼

Warning:

You need to have Ruby and Sass installed and in your PATH for this task to work.

More info: https://github.com/gruntjs/grunt-contrib-sass



Warning: spawn sass ENOENT

エラー文言に従って、gem install sassでSassをインストールしようとしました。
すると再びエラーが出てインストール出来ない。

ERROR:  Error installing sass:

    ERROR: Failed to build gem native extension.

こちらの記事にあるように、command-line-toolのパッケージフォルダを開いて対応したらいいらしいですが、私のPC内には/Library/Developer/CommandLineTools/Packages/がどこにもありませんでした。

というわけで、こちらの記事を参考に「Command Line Tools (macOS 10.14) for Xcode 10.1」をダウンロード。
するとPC内に/Library/Developer/CommandLineTools/Packages/が現れました!

続いて以下のコマンド実行

$ sudo installer -pkg /Library/Developer/CommandLineTools/Packages/macOS_SDK_headers_for_macOS_10.14.pkg -target /

そして再び、gem install sassを試みます。
まだエラーが出る。。。

ERROR:  While executing gem ... (Gem::FilePermissionError)

    You don't have write permissions for the /usr/bin directory.

今度はこちらの記事を参考に
sudo gem install sass -n /usr/local/binで実行。

インストール出来ました!
gruntも実行できるようになりました!

m_t_of
wordpressのカスタマイズ制作をしていることが多いです。 自分用のスニペット集代わりに記事を書いていこうと思います。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away