npmのグローバルインストールがうまくできず詰んだ話

概要

• npm install [パッケージ]コマンドでグローバルインストールを行う際、グローバルインストールはできているが、なぜかその[パッケージ]コマンドが効かない時の対処方法。
• 事前準備としてHomebrew Node.js npmのインストールをする。

環境

• MacBookPro(M1Pro)
• OS:Monterey
• Homebrewのバージョン：3.3.16
• nodeのバージョン：16.14.0
• npmのバージョン：8.3.1

グローバルインストールをするコマンド

expoCLIのグローバルインストール

Terminal

% npm install expo-cli --global

Create-React-Appのインストール

Terminal

% npm i -g create-react-app

など

よし、エラーもなくこれで無事インストール完了！と、思ったら・・・

結果

Terminal

zsh: command not found:[パッケージ]

グローバルインストールしたはずなのにこれはおかしい・・・
ちゃんとグローバルインストールできているか確認作業をしてみる。

試したこと

まずはグローバルインストールができているかの確認

Terminal

% npm list -g --depth=0

// 出力結果
/Users/ユーザー名/.npm-global/lib
├── expo-cli@5.2.0

グローバルインストールはできている。
となるとPATHが通っていないことが原因かな・・・

解決方法

ホームディレクトリで【code .】コマンドを実行し、vscodeを開く。
もしくは【open ~/.zshrc】で.zshrcを開く。

以下の記述を追加する。

Terminal

export PATH=~/.npm-global/bin:$PATH

vscodeであれば、command＋Sなどで上書き保存をする。
最後にターミナル上でコマンドを実行する。

Terminal

% source .zshrc

これ忘れがちなので注意。
コマンドを実行したら念の為Terminalを一度再起動する。
最後にグローバルインストールしたパッケージが実行できるか確認する。
今回であれば・・・

expoのバージョンを確認

Terminal

% expo --version

// 出力結果
5.2.0

create-react-appのバージョンを確認

Terminal

% create-react-app --version

// 出力結果
5.0.0

無事バージョンが確認できればあとはアプリ開発するだけです！

お疲れ様でした！