M1チップ Macでnode-sassが使えないのでsassとsass-loaderで代用した話

Reactで開発しようとしたときにnode-sassを導入したらエラーになってしまった。

nodeのバージョンを14か15にすれば直るかなと思ったけど、arm版に対応している最低バージョンが16.0.0なのでダウングレードできず。。だいぶ沼にハマりました。

色々調べた結果、sassとsass-loaderで代用できるみたいです。

node-sassをインストールしちゃった人はアンインストールしましょう。

yarn remove node-sass

sassとsass-loaderをインストールします。

yarn add sass sass-loader

M1 Macは環境構築で困ることが多いです。これは裏技なのですが、ググっても解決できない時はTwitterで検索すると良いです。本記事のsaasの話もTwitterで検索して海外の人のツイートを参考にしたまでです。