Vue项目安装axios报错

现象
解决方法
原因分析

现象

vue-cli搭建完项目，输入命令npm i axios -S安装axios时报如下错误。

Windows PowerShell
版权所有 (C) Microsoft Corporation。保留所有权利。尝试新的跨平台 PowerShell https://aka.ms/pscore6PS D:\code\front\demo-eslint> npm i axios -S
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @vue/eslint-config-standard@6.1.0
npm ERR! Found: eslint-plugin-vue@8.7.1
npm ERR! node_modules/eslint-plugin-vue
npm ERR!   dev eslint-plugin-vue@"^8.0.3" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0
npm ERR! node_modules/@vue/eslint-config-standard
npm ERR!   dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint-plugin-vue@7.20.0
npm ERR! node_modules/eslint-plugin-vue
npm ERR!   peer eslint-plugin-vue@"^7.0.0" from @vue/eslint-config-standard@6.1.0
npm ERR!   node_modules/@vue/eslint-config-standard
npm ERR!     dev @vue/eslint-config-standard@"^6.1.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\sky\AppData\Local\npm-cache\eresolve-report.txt for a full report.npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\sky\AppData\Local\npm-cache\_logs\2022-11-10T06_23_49_274Z-debug-0.log

解决方法

命令更改为npm i axios -S --legacy-peer-deps即可安装成功。

added 6 packages, and audited 1010 packages in 4s133 packages are looking for fundingrun `npm fund` for detailsfound 0 vulnerabilities

原因分析

部分版本NPM中会默认安装peerDependencies（同伴依赖，它表示包和包之间的宿主关系）。
在很多情况下，这会导致各个包之间的版本冲突，从而中断安装过程。

–legacy-peer-deps目的是绕过peerDependency自动安装，它告诉 npm忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。

个人是配置eslint的项目再安装axios报错，怀疑是这两个依赖之间冲突。

Vue项目安装axios报错相关推荐

启动vue项目失败，报错Failed at the node-sass@4.14.1 postinstall script.
在启动vue项目的时候报错报错信息如下:npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.14.1 postinstall ...
当启动vue项目安装依赖时报错
当启动vue项目安装依赖时报错暂时想到四个原因: 1. node版本低,升级到新版本 2. 执行npm cache clean,再重新npm install 3. 如果是下载依赖包失败的话,可以使用c ...
Vue项目 npm i 报错npm ERR! code 1
Vue项目 npm i 报错npm ERR! code 1 记录一下 npm i 的时候报错,报错信息如下记录一下 npm i 的时候报错,报错信息如下 npm ERR! code 1 npm ER ...
Vue项目 npm i 报错npm ERR code 1
Vue项目 npm i 报错npm ERR! code 1 记录一下 npm i 的时候报错,报错信息如下记录一下 npm i 的时候报错,报错信息如下 npm ERR! code 1 npm ER ...
vue项目安装axios - cmd篇
vue项目的跨域请求问题, 首先,用 axios 比较好,现在是 vue2 官方推荐,vue-resource 已经不再维护了. . 参考文章1:axios可以解决跨域访问的问题吗? 注意: vue项 ...
创建vue项目的时候报错：Skipped git commit due to missing username and email in git config.
创建vue项目的时候报错: WARN Skipped git commit due to missing username and email in git config, or failed to ...
VSCode 启动 Vue 项目 npm install 报错
1. 报错后,查看了版本. 查看node版本:node -v 查看npm版本:npm -v 查看Augular版本:ng --version 2. 感觉 Augular CLI版本太低,使用以下方 ...
vue项目使用less报错
一开始还以为是电脑卡住了,也没有报错. 我less的包是后面安装到vue项目中, 解决方法: 卸载安装的高版本的less-loader,npm uninstall less-loader, 安装指定低 ...
解决 vue 项目运行过程报错 JavaScript heap out of memory（内存溢出） “‘node --max-old-space-size=10240“‘ 不是内部或外部命令
你是不是也遇到过 vue 项目当你 ctrl+s,编译代码,项目就挂掉的情况?那么恭喜你,内存溢出了.兄dei,你膨胀了哟~ 不过不要慌,以下有完整的解决方案! 1.我们全局安装 i ...
Vue项目搭建及报错解决
一.搭建新的Vue项目第一步,安装node.js 第二步: cnpm install -g vue-cli //全局安装vue-cli脚手架,用于搭建项目模板框架第三步: vue init web ...

Vue项目安装axios报错

Vue项目安装axios报错

现象

解决方法

原因分析

Vue项目安装axios报错相关推荐

最新文章

热门文章