前置き

とても初歩的な内容ですが、初歩的過ぎて逆に情報が見つかりずらいやつでしたので、備忘録的にメモしておきます。

vueを使ってWebアプリを作っている際に、プロジェクト内にFirebaseをinstallしようとしたらエラーが出ました。
エラー文はこちら。

$ npm install firebase　//このコマンドに対して下記のエラー

npm ERR! code ECONNRESET
npm ERR! syscall read
npm ERR! errno ECONNRESET
npm ERR! network Invalid response body while trying to fetch https://registry.npmjs.org/@firebase%2fapp-types: 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 ERR! A complete log of this run can be found in: C:\Users\**\AppData\Local\npm-cache\_logs\2024-04-18T02_18_43_271Z-debug-0.log

解説

ざっくりこのエラーの意味を解説します。

ECONNRESET

このエラーコードは、TCP接続が相手側によって強制的にクローズされた、または「リセット」されたことを意味します。
つまり、データの送受信中に接続が失われたかもってことですね。

syscall read、errno ECONNRESET

これはシステムコール read が、接続リセットのために失敗したことを示しています。
そりゃ接続切れたら失敗します。

Invalid response body while trying to fetch [URL]

指定URLのパッケージをダウンロードしようとしたけど、接続問題により適切なレスポンスがなかったよってこと。
そりゃそう。

network connectivity issues

「問題がネットワーク接続に関連してるっぽいよ」って教えてくれてます。優しい。
特にプロキシの設定やネットワークの設定が原因である場合が多いみたい。

結論

ネットワークの接続に問題があるよ！
です。
確認したら、そのinstallかけた時間だけブラウザもうまくページを読み込めてなかったです。
ネットの接続を再確認して、再度installをかけたらすんなり成功しました。