Vue项目安装依赖(npm install)报错的解决


天行健,君子以自强不息;地势坤,君子以厚德载物。


每个人都有惰性,但不断学习是好好生活的根本,共勉!


文章均为学习整理笔记,分享记录为主,如有错误请指正,共同学习进步。


花间一壶酒,独酌无相亲。

举杯邀明月,对影成三人。

------《月下独酌》


文章目录

  • [Vue项目安装依赖(npm install)报错的解决](#Vue项目安装依赖(npm install)报错的解决)
    • [1. 场景](#1. 场景)
    • [2. 报错](#2. 报错)
    • [3. 解决](#3. 解决)
    • [4. 拓展](#4. 拓展)
      • [4.1 依赖安装命令](#4.1 依赖安装命令)
      • [4.2 安装生产依赖](#4.2 安装生产依赖)
      • [4.3 安装开发依赖](#4.3 安装开发依赖)
      • [4.4 安装指定版本的依赖](#4.4 安装指定版本的依赖)
      • [4.5 卸载依赖](#4.5 卸载依赖)

Vue入门学习专栏


Vue项目安装依赖(npm install)报错的解决

1. 场景

拿到一个Vue项目,想在自己电脑上跑起来,首先安装依赖然后启动

安装依赖

复制代码
npm install

这一步报错了

2. 报错

报错内容如下

复制代码
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
后面省略。。。

大致意思就是无法解决依赖树,可能因为依赖冲突导致

截图如下

3. 解决

在报错的内容里面,我们可以找到一行内容

复制代码
npm error this command with --force or --legacy-peer-deps

截图如下

这个提示就是让我们在命令中添加--force或者--leagcy-peer-deps参数来解决问题

--force参数会五十冲突,并强制获取远程npm库资源,如果遇到冲突资源会覆盖掉原来的资源

--legacy-peer-deps参数则会绕过peerDependency自动安装,会让npm忽略项目中引入的相同modules但不同版本的问题,让引入的依赖不同的版本共存。

参考两个命令的特点,使用--legacy-peer-deps参数进行问题解决

如下

复制代码
npm install --legacy-peer-deps

执行命令后,依赖正常下载完成

启动服务

复制代码
npm run serve

项目正常启动

4. 拓展

4.1 依赖安装命令

当我们拿到一个Vue项目,该项目没有modules依赖包或者有依赖未安装,项目无法正常启动

此时我们都会使用npm install来下载依赖

复制代码
npm install

复制代码
npm i

i就是install的简写

4.2 安装生产依赖

在生产环境中安装依赖

复制代码
npm install 依赖名 -S

复制代码
npm install 依赖名 --save

复制代码
npm install 依赖名

如安装依赖axios

复制代码
npm install axios -S

4.3 安装开发依赖

开发环境时的依赖安装

复制代码
npm install 依赖名 -D

复制代码
npm install 依赖名 --save-dev

4.4 安装指定版本的依赖

默认安装最新版本,也可以添加最新版本标识latest

复制代码
npm install 依赖名@latest

安装指定依赖版本

复制代码
npm install 依赖名@版本号

复制代码
npm install axios@1.6.0

4.5 卸载依赖

卸载依赖

复制代码
npm uninstall 依赖名

感谢阅读,祝君暴富!


相关推荐
Full Stack Developme8 分钟前
Redis 持久化 备份 还原
前端·chrome
猪猪拆迁队32 分钟前
2025年终总结-都在喊前端已死,这一年我的焦虑、挣扎与重组:AI 时代如何摆正自己的位置
前端·后端·ai编程
❆VE❆38 分钟前
WebSocket与SSE深度对比:技术差异、场景选型及一些疑惑
前端·javascript·网络·websocket·网络协议·sse
ConardLi39 分钟前
SFT、RAG 调优效率翻倍!垂直领域大模型评估实战指南
前端·javascript·后端
rgeshfgreh44 分钟前
Java高性能开发:Redis7持久化实战
前端·bootstrap·mybatis
李剑一1 小时前
uni-app使用html5+创建webview,可以控制窗口大小、显隐、与uni通信
前端·trae
Hooray1 小时前
2026年,站在职业生涯十字路口的我该何去何从?
前端·后端
小二·1 小时前
Python Web 开发进阶实战:安全加固实战 —— 基于 OWASP Top 10 的全栈防御体系
前端·python·安全
over6972 小时前
🌟 JavaScript 数组终极指南:从零基础到工程级实战
前端·javascript·前端框架
社恐的下水道蟑螂2 小时前
深入掌握 AI 全栈项目中的路由功能:从基础到进阶的全面解析
前端·react.js·全栈