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

前端工程 Node 版本如何选择

1. Node 与 Npm 版本对应

这是一个必知必会的问题,尤其是对于维护那些老掉牙、一坨坨、非常大的有着长期历史的老破大工程。

1.1. package-lock.json 版本

首先你要会看项目的 package-lock.json 文件中的 lockfileVersion 版本号,这对于 NPM 安装来说至关重要。

  • { lockfileVersion: 1 } 对应 Node 版本: 8, 10, 12, 14
  • { lockfileVersion: 2 } 对应 Node 版本: 15, 16, 17 - 开发界约定基数版本为非稳定
  • { lockfileVersion: 3 } 对应 Node 版本: 18, 20, 22
1.2. package-lock.json 说明
  1. 你可能会问为什么版本对不上也能构建成功,那要是完全的不兼容,估计 NPM 要被人喷死了。兼容性肯定是存在的,但是兼容到什么程度完全取决于你的项目依赖包“有没有坑”。
  2. 其次你可能还想知道 package-lock.json 为什么这么重要,这里有个决定性的东西非常关键。先想想一个包如何保障在每台机器上安装绝对的相同!

NPM 是通过 lock 文件中记录的 sha512散列值(hash)确定这个包是否是预期的包。

2. 如何切换 Node 版本

2.1. package.json 中的 deploy

项目的 package.json 中的 deploy 字段为发布系统识别配置,除了 node 版本切换,还支持包管理器切换、项目脚本钩子能力(beta.1 阶段)

{"name": "AppName","deploy": {"node": "18.20.5",         // 指定 node 版本"packager": "pnpm@9.15.0"  // 指定包管理器}
}

3. 常见问题

3.1. node14升级 node16常见问题
  1. 依赖冲突问题;node14 以前没有 "依赖版本配对校验" 功能,对应着 package.json 中的 👉🏻 peerDependencies ,升级到 node16 后问题暴露,构建失败!
  2. 对应的解决方案有两个:
    • 根据 NPM 安装日志解决依赖版本冲突;比较直观的解决办法。
    • 添加 legacy-peer-deps=true到项目根目录中的 .npmrc文件中;比较暴力(保守)的解决办法 -- 由于开发同学也吃不准如何“深入解决”依赖版本关系,切升级成本大,同时会带来新的风险(改动即风险),相当于以为 node14 的策略运行安装机制!
http://www.lryc.cn/news/498996.html

相关文章:

  • 推荐在线Sql运行
  • 【数据结构】【线性表】特殊的线性表-字符串
  • app-1 App 逆向环境准备(mumu模拟器+magisk+LSPosed+算法助手+抓包(socksDroid+charles)+Frida环境搭建
  • 在米尔FPGA开发板上实现Tiny YOLO V4,助力AIoT应用
  • 【IT】测试用例模版(含示例)
  • react dnd——一个拖拽组件
  • 3GPP R18 LTM(L1/L2 Triggered Mobility)是什么鬼?(三) RACH-less LTM cell switch
  • Flutter解压文件并解析数据
  • 21、结构体成员分布
  • TSWIKI知识库软件
  • 深度学习安装环境笔记
  • 使用android studio写一个Android的远程通信软件(APP),有通讯的发送和接收消息界面
  • 学习Python的笔记14--迭代器和生成器
  • 车机端同步outlook日历
  • 教学案例:k相同的一次函数的图像关系
  • EmoAva:首个大规模、高质量的文本到3D表情映射数据集。
  • Elasticsearch vs 向量数据库:寻找最佳混合检索方案
  • 【Flink-scala】DataStream编程模型之水位线
  • Python导入moviepy找不到editor 视频没有声音设置audio_codec参数
  • rsync 是一个非常强大的 Linux 工具,常用于文件和目录的同步、备份和传输。
  • 触发器案例详解
  • jwt 与 sessionid 的区别及应用场景
  • tomcat和nginx
  • 服务器带宽与数据安全的重要性与作用
  • JSON数据处理
  • FSWIND脉动风-风载时程生成器软件原理
  • 搭建高可用负载均衡系统:Nginx 与云服务的最佳实践
  • 对比git命令与TortoiseGit工具,理解git解决冲突的过程
  • guava缓存的get方法的回调函数讲解一下
  • React基础知识四 Hooks