Vue/Nuxt

【npm】「Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (88)」エラーの解消方法

あきぞらです。

フロント開発をしていて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を実行すると…、実行できました。

-Vue/Nuxt

Copyright© あきぞらてっく , 2021 All Rights Reserved Powered by AFFINGER5.