はじめに

ターミナルを開くたびに、zsh に変更を促すメッセージが毎回表示されるので、
そろそろその表示を消したくなって、bash から zsh に変更することにしました。
今ごろ…という感じですが
macOS Catalina以降のMacでは、標準シェルが zsh に変更されたようです。

本記事のPC環境

起こった現象

Reactプロジェクトで、以下のコマンドを実行すると、

npm run dev

command not found というエラーがでて、実行できなくなりました。
調べてみると、

といった対処法が見つかりました。

Node.jsは、インストールしたばかりなので、今回はPATHを通す方法で解決を図りました。

原因は、bashとzshでは読み込まれる設定ファイルが異なることでした。

bash時代に設定していたPATHが、zshでは読み込まれていなかったため、
npm コマンドが見つからない状態になっていました。

.zshrc ファイル自体が存在しなかったため、vim で新規作成しました。

vim ~/.zshrc

.bash_profile に記載されていたPATHを .zshrc に書きます。

.zshrc

export VOLTA_HOME="$HOME/.volta"
export PATH="$VOLTA_HOME/bin:$PATH"

私の場合は、Node.js を Volta を使ってインストールしたため、このような設定になっています。

このあと、以下のコマンドで反映させるか、

source ~/.zshrc

もしくはターミナルを再起動すればOKです。私はターミナルの再起動で対応しました。

npm -v

11.6.2

無事にnpm コマンドが使えるようになりました。

まだまだ zsh、PATH 周りは理解があいまいな部分もありますが、実践を積み上げて理解を深めていきたいと思います。
同じように詰まった方の参考になれば幸いです。