当前位置: 首页 > article >正文

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


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


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


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


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


文章目录

  • Vue项目安装依赖(npm install)报错的解决
    • 1. 场景
    • 2. 报错
    • 3. 解决
    • 4. 拓展
      • 4.1 依赖安装命令
      • 4.2 安装生产依赖
      • 4.3 安装开发依赖
      • 4.4 安装指定版本的依赖
      • 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 依赖名

感谢阅读,祝君暴富!



http://www.kler.cn/news/290041.html

相关文章:

  • 2024大模型学习:机器学习在安全领域的应用|从大数据中识别潜在安全威胁
  • 设计模式之解释器模式
  • LeetCode51 N 皇后
  • github上传代码
  • 河南省第三届职业技能大赛 网络安全(世赛选拔)项目样题
  • 【C++模板初阶】
  • 新换了电脑,电脑里常用的6款软件,下载回来继续用
  • Driver.js——实现页面引导
  • OpenFeign深入学习笔记
  • MySQL之DQL简单查询
  • 光纤接口简介
  • 三根K线形态介绍
  • OceanBase V4.2解析:如何用迭代器 Generator快速生成任意数据
  • 【复旦微FM33 MCU 外设开发指南】外设篇3——SPI
  • day02 1.c++对c的扩充
  • 学习关系型数据库:在MAC下编译安装firebird
  • 【iOS】——分类拓展关联对象
  • iOS面试:BAD_ACCESS在什么情况下出现?
  • SQL 语言简明入门:从历史到实践
  • BaseCTF之web(week2)
  • springboot使用swagger生成接口文档
  • 华为 HCIP-Datacom H12-821 题库 (6)
  • Leetcode236经典题目二叉树的最近公共祖先
  • CAD二次开发IFoxCAD框架系列(26)- 分段测量多段线长度和计算多边形的面积
  • CTFHub技能树-备份文件下载-网站源码
  • 一款用于分析java socket连接问题的工具
  • 【蓝桥杯青少组】第十五届省赛python(2024)
  • UE5.3 新学到的一些性能测试合计(曼巴学习笔记)
  • Unet改进10:在不同位置添加CPCA||通道先验卷积注意力机制
  • ARM内存屏障/编译屏障API(__DMB、__DSB、__ISB)用法及举例