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

embedded/2024/9/22 21:12:49/

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


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


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


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


文章目录

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


Vue入门学习专栏


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

感谢阅读,祝君暴富!



http://www.ppmy.cn/embedded/104175.html

相关文章

Notepad++回车不自动补全

问题 使用Notepad时,按回车经常自动补全,但我们希望回车进行换行,而不是自动补全,而且自动补全使用Tab进行补全足够了。下文介绍设置方法。 设置方法 打开Notepad,进入设置 - 首选项 - 自动完成,在插入选…

CentOS 部署 RocketMQ 详细指南

1. RocketMQ 5.3.0 简介 什么是 RocketMQ? Apache RocketMQ 是一个分布式消息中间件,最初由阿里巴巴开发并开源。它基于发布-订阅(Pub-Sub)模式,具有高性能、低延迟和高可靠性等特点。RocketMQ 支持大规模消息流处理…

在centos系统中kill掉指定进程

如上图,我想kill掉 python3 func_tg_1_vps.py这个进程(而不kill掉python3 func_tg_2_vps.py)。 解决方法: 第一步:首先使用ps -ef | grep python3命令,查出所有包含python3的命令 拿其中一条讲解 root …

GLM大模型 - CogVideoX:5B 开源,2B 转为 Apache 协议

8月6日,我们发布并开源了CogVideoX-2B模型,受到广大开发者的欢迎。 为了促进社区的自主使用和开放式创新,我们现决定将参数规模更大、性能更强的产品级模型 CogVideoX-5B 开源,同时 CogVideoX-2B 的开源协议调整为更加开放的Apac…

git中的分支是什么?分支有哪些好处?如何建立分支?

git中的分支是什么? 在Git中,分支是版本库中记录版本位置(支线)的一种方式。分支可以被视为一条时间线,每次提交都会在这条时间线上形成一个新的版本。通过分支,开发者可以在不影响主线(通常是…

高级java每日一道面试题-2024年8月31日-框架篇[Spring篇]-你对Spring事务传播机制了解多少?

如果有遗漏,评论区告诉我进行补充 面试官: 你对Spring事务传播机制了解多少? 我回答: 在Java的Spring框架中,事务管理是一个非常重要的特性,它帮助开发者以声明式或编程式的方式控制事务的边界、传播行为、隔离级别、超时设置和回滚规则等。事务的传…

Linux基础入门 --2 DAY

常见命令 查看硬件信息 查看cpu lscpu cat /proc/cpuinfo 范例: [rootlocalhost ~]# lscpu Architecture: x86_64 CPU op-mode(s): 32-bit, 64-bit Byte Order: Little Endian CPU(s): 8 On-line CPU(s) list: 0-7 Thr…

Nginx跨域问题解决

背景:云服务器上面部署了后端和前端,前端开发在本地启一个web访问页面,然后访问云服务的后端,然后出现问题 问题:Access to XMLHttpRequest at ‘http://192.168.10.100:8070/auth/login’ from origin ‘http://loca…