みかづきブログ・カスタム

基本的にはちょちょいのほいです。

Nuxt.js + sass-loader(12.1.0)でエラー(TypeError: this.getOptions is not a function)が出るのを解決する 🚨

f:id:kimizuka:20200811145835p:plain

久しぶりにNuxt.jsでプロジェクトを作成したところ、sass-loaderがエラーを吐きました。

ERROR Failed to compile with 1 errors friendly-errors 22:25:18


ERROR in ./components/App.vue?vue&type=style&index=0&id=5fa207fa&lang=scss&scoped=true&

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
at Object.loader (/Users/user/Git/app/node_modules/sass-loader/dist/index.js:25:24)

調査をしたところ、sass-loaderのバージョンを下げれば解決するとの情報を得たので、ひとつずつ下げながら検証したところ、10.2.0でエラーが消えました。

なので、

"devDependencies": {
  "sass-loader": "^10.2.0"
}

という形でバージョンを固定して解決しました。