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

Vue3.X项目中包依赖的解析与安装出现问题如何解决?

这里写目录标题

    • 写在前面
      • npm 是什么?
      • NPM官网
    • 问题开始与解决思路记录
    • 执行安装过程会发生什么
    • 后续执行npm install 安装又会发生什么?
    • 附录
      • 查看实际安装版本
      • 对比lock文件与package.json
      • 检查所有过时包

写在前面

npm 是什么?

npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门。它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。
npm 由三个独立的部分组成:

  • 网站 是开发者查找包(package)、设置参数以及管理 npm 使用体验的主要途径。
  • 注册表 是一个巨大的数据库,保存了每个包(package)的信息。
  • CLI 通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。

NPM官网

直达链接
在这里插入图片描述

问题开始与解决思路记录

执行npm install 安装依赖出现自研包报错,分析思路与解决方案
在这里插入图片描述

本次问题出现原因是安装过程中,涉及公司自研文档编辑器依赖,需要使用私有registry方式进行安装依赖

npm i torchv-editor@latest --registry http://192.168.xxx.xxx:xxxx

执行安装过程会发生什么

通过下面的安装日志信息,可以发现:

  1. npm会自动解析torchv-editor及其所有嵌套依赖(约1174个包)
  2. 这些依赖会被完整安装到node_modules目录
  3. 同时生成/更新package-lock.json文件,锁定依赖树结构
    在这里插入图片描述

后续执行npm install 安装又会发生什么?

当运行不带参数的npm install 时候,会出现:

  1. npm会检查package.json + package-lock.json
  2. 发现所有依赖的精确版本已经安装(通过lock文件校验)
  3. 直接跳过下载阶段,显示"up to date"

在这里插入图片描述

附录

查看实际安装版本

npm list --depth=0

在这里插入图片描述

对比lock文件与package.json

git diff package-lock.json

在这里插入图片描述

检查所有过时包

npm outdated

在这里插入图片描述


http://www.kler.cn/a/612857.html

相关文章:

  • “头”里有什么——HTML 元信息
  • 2025年湖南建筑安全员B证备考资料
  • 数据库基础(聚合函数 分组 排序)
  • 【数据结构】C语言实现并查集:双亲指针映射与动态连通性实现详解
  • Go 语言标准库中sort模块详细功能介绍与示例
  • 【学Rust写CAD】16 零标记类型(zero.rs)
  • LogitsProcessor代码分析
  • 3.28日,NBA,欧篮联全扫盘,太阳VS森林狼
  • 小林coding-10道Java集合面试题
  • 深入理解 dispatchEvent:前端事件触发的艺术
  • DPO介绍+公式推理
  • C++中的智能指针
  • Spring Boot深度解析:从核心原理到最佳实践
  • 美颜SDK架构解析:如何高效处理人脸美型的计算任务?
  • kubernetes》》k8s》》 kubeadm、kubectl、kubelet
  • [原创](Modern C++)现代C++的关键性概念: 如何利用多维数组的指针安全地遍历所有元素
  • NoSQL 数据库的适用场景与局限性分析
  • 7.5考研408数据结构散列表专题深度解析
  • Java EE 进阶:MyBatis-plus
  • SQL 复杂查询和性能优化