あきぞらです。
フロント開発をしていてnpm run dev を実行しようとしたときに、
表題のエラーが発生しました。
nodeのバージョンを上げたことによるエラーでしたが、今回はその対処方法を書いていきます。
起きた事象とエラー文の確認
npm run dev を実行したときに以下のエラーが表示されました。
$ npm run dev
...( 一部省略)...
ERROR Failed to compile with 1 errors friendly-errors 13:45:12
Module build failed (from ./node_modules/sass-loader/dist/cjs.js): friendly-errors 13:45:12
Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (88)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.14.1
at module.exports (/Users/akizora/nuxt-demo/node_modules/node-sass/lib/binding.js:13:13)
at Object.<anonymous> (/Users/akizora/nuxt-demo/node_modules/node-sass/lib/index.js:14:35)
at Module.o._compile (/Users/akizora/nuxt-demo/node_modules/jiti/dist/v8cache.js:2:2670)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1137:10)
at Module.load (node:internal/modules/cjs/loader:973:32)
at Function.Module._load (node:internal/modules/cjs/loader:813:14)
at Module.require (node:internal/modules/cjs/loader:997:19)
at n (/Users/akizora/nuxt-demo/node_modules/jiti/dist/v8cache.js:2:2364)
at getDefaultSassImpl (/Users/akizora/nuxt-demo/node_modules/sass-loader/dist/index.js:198:10)
at Object.loader (/Users/akizora/nuxt-demo/node_modules/sass-loader/dist/index.js:80:29)
エラーを確認すると、Sassのバージョンがよくない？ようでした。
エラー文にしたがって以下にアクセスしてみます。
Nodeのバージョンが書いてあります。
そこで、現在のNodeのバージョンを確認してみます。
$ node --version v15.5.0
15なので、サポートされていないようです…。
これが原因とわかりました。
解消方法
以下を実行してみます。
npm install sass-loader@10.0.5 npm install node-sass@5.0.0
そしてnpm run devを実行すると…、実行できました。