axios のダウンロード時に多くの npm ERR エラーが発生します: npm ERR! code ERESOLVEnpm ERR! ERESOLVE を解決できませんでした

ダウンロード エラーが発生しました:

npmエラー! code ERESOLVE
npm ERR! ERESOLVE を解決できませんでしたnpm ERR!
npmエラー! 解決中: @vue/[email protected] ERR! 見つかりました: [email protected]
npm ERR! node_modules/eslint-plugin-vue
npm ERR!dev eslint-plugin-vue@""8.0.3" ルート プロジェクトから
npm ERR! npm ERR! 依存関係を解決できませんでした:
npm ERR! ピア eslint-plugin-vue@"'7.0 .o"from @vue/[email protected] ERR!node_modules/@vue/eslint-config-standard
npm ERR!dev @vue/eslint-config-standard@"'6.1.0" root projectnpm ERR!
npm ERR! 競合するピア依存関係: [email protected] ERR! node_modules/eslint-plugin-vue
npmエラー! ピア eslint-plugin-vue@"'7.0.0"from@vue/[email protected] ERR!node_modules/@vue/eslint-config-standard npm ERR!dev @vue/eslint-config-
standard @"^6.1.e" ルート projectnpm から ERR!
npmエラー! アップストリームの依存関係の競合を修正するか、
npm ERR を再試行してください。正しくない (そして壊れている可能性がある) 依存関係の解決を受け入れるには。npm ERR!
npmエラー! 詳細については、D: \s Installation\nodejs\node_cache\eresolve-report.txt を参照してください。
 

元のダウンロード コマンド:

npm i --save axios

解決策: 元のダウンロード コマンドに --legacy-peer-deps を追加します。

npm i --save axios --legacy-peer-deps

 package.json ファイルに「axios バージョン番号」があるかどうかを確認し、あればダウンロードは成功です。

axios を使用するには:最初にインポートします

import axios from 'axios'//要先导入

axios.get('url').then(res=>{console.log(res)})//再使用

注: src フォルダー内のコンポーネントで使用されている外部モジュールはインポートする必要があります。Axios もダウンロード後にインポートする必要があります。忘れないようにしてください。！！！ 

類推して学ぶ：

上記のエラーが発生する理由:

• これは、npm のバージョンが高すぎるためで、7 を超えると要件が厳しくなります。
• npm -V で npm のバージョンを確認できます

--legacy-peer-deps フラグは、peerDependency の自動インストールをバイパスするために v7 で導入されました。このフラグは、プロジェクトに導入されたさまざまなモジュール間で同一のモジュールであってもバージョンが異なる問題を無視し、インストールを続行するように NPM に指示します。

したがって、今後他のものをダウンロードするときに上記のエラーが発生した場合は、コマンドの後に --legacy-peer-depsを追加してください。

たとえば、スワイパーをダウンロードします。

npm i --save swiper が機能しない場合は 、--legacy-peer-deps を追加して再度ダウンロードしてください。

npm i --save swiper --legacy-peer-deps