npm installでnetwork errorが出たときの解決策

こんにちは、まさきです。

今回は久しぶりにfirebaseとvue.jsで環境構築していたらnpmでエラーが出たのでどうやって解決したかをご説明します。

解決方法

まず結論です。

npm config delete proxy

こちらのコマンドでプロキシの設定を削除したところエラーが解消しました。

※私は個人開発アプリをローカルで開発していましたのでプロキシの設定は必要なかったですが、社内LANで開発している場合はproxy設定を削除せず見直すのが良いと思います。

エラーの解消

まずNode.jsを最新化しました。
Node.js v20.12.0

その後Vue.jsをインストールし、いざfirebaseをインストールします。

npm install firebase

npm install -g firebase-tools

2つ目のコマンドで以下のエラーが発生しました。

npm ERR! code ECONNRESET
npm ERR! syscall read
npm ERR! errno -4077
npm ERR! network read ECONNRESET
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

内容をよんでみるとネットワークが悪さをしているようです。

しかし、npmコマンド自体は成功するし、wifiも繋がっていることは確認済みです。

そうなると-gを指定したグローバルへのインポートでの設定が問題な気がしてきました。
グローバルの場合に読み込まれる設定があるんですかね。

エラーに表示されていたnpm help configを実行したところ、configがあるとのこと。

npm config list

こちらを実行して設定値を見てみますが、特に怪しい設定はなかったです。

試しにproxy設定を削除してみます。

npm config delete proxy 

再度firebase-toolsをインストールすると、、、
インストールできました！！！

proxyの設定がデフォルトで設定されていたのですかね。
自宅で開発していてproxyは必要なかったので削除しちゃいました。

今回は以上です。最後まで読んで頂きありがとうございます。