npm run dev が上手くできない時の対処法 〜 Error: error:0308010C:digital envelope routines::unsupported 〜

はじめに

こちら自分用のメモであるためとても雑な記事です。
ただ、同じようなエラーが出た人の助けに少しでもなれば幸いです。

エラーログ

.zsh

> 〇〇@1.0.0 dev
> webpack --watch

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:135:10)

##原因
Nodeのバージョンが高すぎることが原因のようです

##解決策
Nodeのバージョンを下げる

###環境
macOS Monterey 12.1

###1. Homebrewをインストール (※インストールしている方は飛ばして大丈夫です)
下記リンクからインストール可能です

###2.nodenvをインストール

.zsh

$ brew install nodenv

.zsh

$ eval "$(nodenv init -)"

ここで一度ターミナルを再起動します。

.zsh

$ curl -fsSL https://github.com/nodenv/nodenv-installer/raw/master/bin/nodenv-doctor | bash

成功した時のターミナルがこちら↓↓

###3.取り入れたいバージョンのNode.jsをインストール

下記コマンドによってインストール可能なNode.jsのバージョンが取得できます。

.zsh

$ nodenv install -l

取り入れたいバージョンを指定してNode.jsをインストールする

.zsh

$ nodenv install 〇〇.〇〇.〇

.zsh

$ nodenv rehash

インストールされているNode.jsのバージョンを確認する

.zsh

$ nodenv versions

###4.Node.jsのバージョンを切り替える

カレントディレクトリ配下で利用するNode.jsのバージョンを切り替えたい場合

.zsh

$ nodenv local 〇〇.〇〇.〇

システム全体で利用するNode.jsのバージョンを切り替えたい場合

.zsh

$ nodenv global 〇〇.〇〇.〇