nodeを再インストールしたらnode-Sassが見つからないと怒られた、ERROR #98123 WEBPACK ... Node Sass could not find a binding for your current environment

環境

$ node -v
v14.5.0

macOS Catalina: 10.15.1

nodeを再インストールした結果、タイトルのエラーが発生した可能性があります。

原因

次のコマンドを実行した結果Webpackでバンドルできないという内容のエラーが発生しました。エラーの原因はnode sassが次のパスで見つからないことが原因のようです。

/Users/username/bamboo-note/node_modules/node-sass/vendor/darwin-x64-83/binding.node


$ gatsby develop

 ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

Missing binding /Users/username/bamboo-note/node_modules/node-sass/vendor/darwin-x64-83/binding.node
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 14.x

Found bindings for the following environments:
  - OS X 64-bit with Node.js 13.x

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to download the binding for your current environment.

File: src/styles/code.scss

解決方法

node sassが見つからないようなので、エラーメッセージで指示されている次のコマンドを実行

$ npm rebuild node-sass

これでgatsby developが正常に起動しました。


Written by@Ryutaro
日々学習した技術系のアウトプットをしていきます。学習内容: Ruby, Ruby on Rails, Go, TypeScript, Docker

GitHub