【NuxtJS】「Can’t resolve ‘sass-loader’」エラーの解決法

NuxtJSでSCSSなどを使おうとすると、以下のようなエラーが発生することがあります。

Can't resolve 'sass-loader' in ...

これはSCSSに対応したプリプロセッサがインストールされていないためです。

解決法

次のコマンドを実行し、sass-loaderをインストールすると解決できます。（NuxtJS Ver.2の場合）

npm install --save-dev pug pug-plain-loader
npm install --save-dev sass sass-loader@10

詳細はNuxtJSの公式サイトに記載されていますので、確認してみるとよいでしょう。

Configuration

By default, Nuxt is configured to cover most use cases. This default configuration can be overwritten with the nuxt.conf...

nuxtjs.org

sass-loader@10と必ずバージョンを指定する必要があります。これにて無事エラーが解決しました。