升级基础组件库
主要升级了依赖的版本,有的是修改了版本依赖的向上查找的方式,有的是升级了大版本,同时变更了部分代码中的写法
antd 版本写法变更
为了使用antd最新版本的组件库
-"antd": "5.9.2",
+"antd": "^5.22.2",
react-router 大版本升级
如果使用的是5版本,最好先升级到6版本 Upgrading from v6 | React Router ,升级到6以后路由功能会有一些警告信息,需要配置future解决
当然代码结构不是很复杂,直接升级到7问题也不是很大 Upgrade-to-v7 | React Router,最主要的是升级到7以后 react-router-dom 包没有了,所有路由的功能都集中到了react-router
-import { useLocation } from "react-router-dom";
+import { useLocation } from "react-router";
-import { RouterProvider } from "react-router-dom";
+import { RouterProvider } from "react-router/dom";
-import { RouterProvider } from "react-router-dom";
+import { RouterProvider } from "react-router";
vite版本升级到6
- "vite": "^4.4.4",
+ "vite": "^6.0.1",
vite6最主要的变化是对node版本的支持,
Vite 6 与 Vite 5 类似,支持 Node.js 18、20 和 22+。Node.js 21 的支持已被移除。Vite 在旧版本的 Node.js 生命周期终止 (EOL)后停止支持。Node.js 18 EOL 在 2025 年 4 月底,届时我们可能会发布一个新主要版本以提高所需的 Node.js 版本。
同时根据 排错指南 | Vite 官方中文文档 做一些修改
- 主要是在 package.json中加入代码
"private": true,
"type": "module",
2. 在vite.config.js 中使用了require代码,使用import进行替换。
其他零散依赖版本号修改
其他依赖修补修改都可以,为了美观可以进行修改,因为组件库都是自动向上引用的,只要不是跨大版本号的升级,都是自动向上的。
业务代码升级
业务代码的升级其实和基础库组件库的升级是同步。
唯一遇到的问题就是ts的global类型不知道因为什么原因不生效,后来就反复的安装依赖,测试具体是哪一个依赖导致的,结果是在反复的安装的过程中使用最新的版本也没有问题了,不知道是依赖包内部的依赖做了修改,还是其他别的原因。