npm install実行時に、下記のエラーが発生する際の対処法。自分用にメモ書き。

Does your workplace require a proxy to be used to access the internet?
if so you must configure the http_proxy environment variable before downloading cypress

実行環境

  • vue-cli 5.0.4
  • windows10

原因

  • cypress(フロントエンドのテストツール)
  • プロキシ配下のnpm設定

対処法

1. package.jsonからcypress関連の記述を削除してからnpm installを実行

cypress起因のエラー解決にはならないが、一旦npm installはできるようになる。

2. バージョンを指定してcypressをインストール

package.jsonにcypress周辺の記述を戻して、cypressをインストールする。

npm install --save-dev cypress@10.0.3

上記のバージョンは仮。パッケージのバージョンが古くないかも確認すべし。

これでもプロキシ系のエラーが出現する場合は、下記を確認。

3. プロキシ配下のnpm設定を見直す

npm install時にproxy関連のエラーメッセージが表示される場合は、プロキシ配下のnpm設定を見直す。プロキシを使っていないのに、プロキシ経由の設定になっていることもある。

Does your workplace require a proxy to be used to access the internet?

↓ 現在の設定を確認する。下記のコマンドで現在のプロキシ設定を確認。

$ npm config list

↓ 社内環境でプロキシを使っている場合は設定する

$ npm config set proxy http://PROXY.com:PORT
$ npm config set https-proxy http://PROXY.com:PORT

↓ レジストリ設定も行う(https→htttp)

$ npm config set http://registry.npmjs.org/

↓ プロキシ設定がされていない場合は、プロキシ設定を削除する。

$ npm config delete proxy
$ npm config delete https-proxy

↓ npm install時に下記のようなエラーが出現する場合は、レジストリ設定を初期化する(http→https)

npm ERR! code FETCH_ERROR
npm ERR! errno FETCH_ERROR
npm ERR! invalid json response body at https://registry.npmjs.org/vue reason: Unexpected token � in JSON at position 70253

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2020-11-05T12_02_36_331Z-debug.log
$ npm config set https://registry.npmjs.org/

上記の対応のいずれかで、npm installは行えるようになるはず。

カテゴリー: 開発・運用