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

news/2024/10/18 21:40:17/

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


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


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


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


文章目录

  • 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/news/1521150.html

相关文章

假期学习----iOS多线程

iOS多线程 https://juejin.cn/post/6844903566398717960 什么是GCD Grand Central Dispatch(GCD) 是 Apple 开发的一个多核编程的较新的解决方法。它主要用于优化应用程序以支持多核处理器以及其他对称多处理系统。 GCD的用处: GCD 可用…

【深度学习实战】使用深度学习模型可视化工具——Netron在线可视化深度学习神经网络

一直以来,对于深度学习领域的开发者,可视化模型都是非常迫切的需求,今天主要介绍一款可视化工具——Netron Netron有三种使用方式:在线、本地安装、pip安装 今天在这里只介绍在线使用这种方式。 Netron有个官方的网站&#xff1…

巴西海运物流——全球贸易

巴西海运物流——全球贸易 在全球化贸易的大背景下,海运成为了连接各大洲的重要桥梁。作为国际贸易中最经济、最广泛应用的运输方式之一,海运不仅具有大批量、低成本的优势,还能帮助企业降低运输风险和提高效率。为客户提供从中国到巴西的专…

【总结】CSS(SCSS) 不常用属性

1、设置 antd Meta 组件中 title 过长自动换行: .ant-card-meta-title {white-space: normal; /* 允许文本换行 */overflow: visible; /* 防止内容被截断 */text-overflow: clip; /* 禁用文本省略号 */} 2、选择器书写: .QR {&:hover {}} 3、设置文…

Highcharts气泡填充图

https://www.hcharts.cn/demo/highcharts/packed-bubble/ 如果分类种类有很多,一种的柱状图显示出来界面非常拥挤,此时可以使用气泡图来表示。 首先我们要下载引入,这里参考此文档即可。 https://www.hcharts.cn/docs/install-from-npm/ d…

第65期 | GPTSecurity周报

GPTSecurity是一个涵盖了前沿学术研究和实践经验分享的社区,集成了生成预训练Transformer(GPT)、人工智能生成内容(AIGC)以及大语言模型(LLM)等安全领域应用的知识。在这里,您可以找…

Flutter之Linux命令行搭建Android 环境

一、简介 在Linux系统下使用命令行安装Android Studio可以提供更灵活的安装方式,适用于那些熟悉命令行操作的开发者。 二、操作流程 2.1 下载安装包 参考链接 历史版本下载:https://developer.android.com/studio/archive?hlzh-cn 最新版本下载&am…

【TiDB原理与实战详解】3、 集群升级和逻辑备份恢复~学不会? 不存在的!

六、TiDB Cluster 升级 1、打补丁 # tidb 补丁打法 tiup cluster patch 集群名称 /tmp/***.tar.gz -R tidb# tikv 补丁打法 tiup cluster patch 集群名称 /tmp/***.tar.gz -R tikv。。。。2、TiDB Cluster 版本升级 升级分为停机升级和不停机升级,但是不…