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


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


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


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


花间一壶酒,独酌无相亲。
举杯邀明月,对影成三人。
——《月下独酌》



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 依赖名

感谢阅读,祝君暴富!


  • 17
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
项目中使用vue时,我们经常会使用npm安装一些依赖模块。然而,在安装依赖模块时,有时候会遇到各种错误。下面是我在项目安装依赖模块时遇到的问题以及解决办法。 1. 问题:安装依赖模块时提示“Error: EACCES: permission denied…”。 解决办法:这是因为缺少权限,可以使用sudo命令来提升权限,即使用“sudo npm install”进行安装。 2. 问题:安装依赖模块时提示“npm ERR! errno -4048”。 解决办法:这个错误一般是由于网络不稳定导致的。可以尝试更换网络环境或者更改npm的源,例如使用淘宝镜像源,即使用“npm install --registry=https://registry.npm.taobao.org”进行安装。 3. 问题:安装依赖模块时提示“npm ERR! code ENOENT”。 解决办法:这个错误可能是由于文件夹路径中存在空格或者非法字符导致的。可以尝试更改文件夹路径或者简化文件夹名称,然后再次进行安装。 4. 问题:安装依赖模块时提示“npm ERR! Maximum call stack size exceeded”。 解决办法:这是由于依赖模块之间存在循环依赖导致的,可以尝试使用npm的策略解决依赖问题,例如使用“npm install --force”进行安装。 5. 问题:安装依赖模块时提示“npm ERR! no such file or directory”。 解决办法:这个错误可能是由于文件路径错误或者文件不存在导致的。可以检查一下路径是否正确,或者确认所需的文件是否存在。 总结来说,安装依赖模块时遇到的错误有很多种,解决办法也有很多种。需要根据具体的错误信息进行分析和解决。同时,可以通过查看npm官方文档、搜索相关问题以及向社区求助等方式获取更多的帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

寒山李白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值