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