antdv4 升级指北

最新推荐文章于 2024-08-07 09:39:56 发布
最新推荐文章于 2024-08-07 09:39:56 发布
阅读量1.6k 收藏 2
点赞数
分类专栏： React 文章标签： react ant ui yarn
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chad97/article/details/104701859
版权
博客讲述了作者升级antd到v4的过程，强调了IE最低支持版本为IE11，React最低支持版本为16.9，并提供了升级项目的步骤，包括更新依赖包和同步package.json。
摘要由CSDN通过智能技术生成

最近 antd 更新到v4 到大版本了, 顺手更新了一波 记于此

几个注意点：

  1. IE 最低支持版本为 IE 11
  2. React 最低支持版本为 React 16.9，部分组件开始使用 hooks 进行重构
  3. 升级项目 React 16.12.0 以上

Start upgrading

  • 更新依赖包

上面也说了，此次更新版本较新 我索性就更新最新版了

yarn upgrade –latest [pkg-name] && yarn upgrade –latest

  • 更新指定依赖或者更新全部
    …

使用yarn更新完后 只有 yarn.lock 变了, 同步更新下 package.json：
yarn upgrade-interactive --latest

空格键选择，a 键切换所有，i 键反选选择

  • 开始升级
# 通过 npx 直接运行
npx -p @ant-design/codemod-v4
最低0.47元/天 解锁文章
$(薛定谔的喵)
关注
专栏目录
ant-design V4升级V5记录（成功篇）
ime33的博客
02-09 4326
6、Uncaught Invariant Violation: Maximum update depth exceeded. 原因是，新版react中在render有立即执行的函数，函数执行进而触发render，陷入循环，修改如图所示，表示需手动触发；发生这个问题有两处地方，根因一致，通过控制台提示，知道上述报错是在哪里，哪个组件引起，发现是Rangpicker，时间选择器，第二处地方，在rangerpicker设置defaultValue时，通过state传入设置默认值，同理也会触发循环。
升级项目从antd pro 4到 antd pro 5
supercolorpower的博客
11-23 2678
官网文档：https://beta-pro.ant.design/docs/upgrade-v5-cn initialState 使用initialState代替自带的model，global,login,setting都并入了 initialState 中。当做一个默认的model，存储的是不需要频繁修改的数据 步骤： 删除src/models/global.ts、src/models/login.ts、src/models/setting.ts 把请求用户信息和登陆拦截放到src/app...
ant-design版本升级从V4到V5
qq_40896095的博客
10-24 772
这里会对import的导入进行报错，告诉你这两个文件找不到，具体修改本人没有研究，因为这个是在入口引入，所以不动它，而是去修改的moment。看到这里其实官网也给了解决方案保留moment，那就是安装。的问题，如果按照这个报错去梳理代码，你会发现，自己的生命周期写的并没有问题。按照官网给出的信息，我只说一下我这里遇到的问题就是dayjs引入的延申。正常情况按照官网给的方式，就可以正常进行版本升级[：](写这篇文章的目的就是记录自己踩过的坑，没有其他的。这里可以看出所需结构完全不同了，也可以看到。
react项目同时拥有antd4及antd5
lucky960903的博客
04-23 554
的时候，npm 将会获取并安装 "antd" 包的最新 5.x 版本，并将它映射到该项目下名为 "antd5" 的别名中。这就意味着，你可以通过。公司项目做大规模antd4-antd5的升级工作，但是直接覆盖替换会有大量bug产生，且切换周期较短，所以采用antd4和antd5并行逐渐升级。表示你要安装的是 npm 仓库上的名为 "antd" 的包，"@5.x" 表示你想要这个包的 5.x 版本。这条数据意味着你想安装名为 "antd" 的npm包，版本号5.x（x 可为任何数字，根据最新版本来）。
拥抱Ant Design v5：一键升级的便捷之道
最新发布
gitblog_00418的博客
08-07 450
拥抱Ant Design v5：一键升级的便捷之道 codemod-v5codemod cli for antd v5 upgrade项目地址:https://gitcode.com/gh_mirrors/cod/codemod-v5 在快速迭代的软件开发世界中，保持代码库的现代化是每个开发者不可或缺的任务。Ant Design v5的发布带来了诸多新特性和改进，但手动升级可能会是一项耗时且容易...
umi3项目antd4升级为antd5小计
weixin_64831582的博客
08-30 1357
5、antd4使用mement，antd5使用dayjs，安装dayjs和antd-dayjs-webpack-plugin插件进行对原代码的兼容，此插件在编译时将moment的调用转为dayjs的调用(并不是所有的调用都能替换，有些方法会计算错误或报错，如moment(time, formart)这种方式会计算错误，需改写moment方法的调用或直接使用dayjs的方法)。3、为适配antd5，更新react、react-dom及对应的ts版本至18.x。在defineConfig中设置。
antd v4从monent到antd v5 Dayjs的使用
zhouzhou20002000的博客
02-14 541
dayjs好处 🕒 和Moment.js有着相同的API和模式 💪 不可变、持久性 🔥 提供链式调用 🌐 国际化标准 📦 超小的压缩体积，仅仅有2kb左右 👫 极大多数的浏览器兼容
V4升级V5解决方案
guxinghan12345的专栏
07-22 2253
本文档适用于原系统使用V4开发，现需要将系统升级至V5的用户。升级后V4与V5全面兼容。报表既可以使用V4设计器进行编辑，也能够在V5中进行编辑，以及使用V5中的新功能进行报表设计和展现输出。   升级步骤： 一、     安装V5产品   获取最新版本V5安装程序，在服务器上安装V5平台（请注意安装至服务器）。   二、     升级V4设计器       为了使V4设计器
ant-design V3升级V4记录（成功篇）
ime33的博客
01-16 2792
原因：babel版本兼容问题以及.babelrc文件配置，可在下方沿用我的babel相关版本。一是antd是一个开源性生态框架，人家社区一直在更新迭代，如果产品不及时更新，一直在使用不维护的，甚至有问题的框架，后果可想而知。原因：检查style-loader\less-loader\css-loader版本，挨个尝试。这篇博客没有一步步记录升级过程中的错误以及解决办法，所以只罗列的大致的错误项，希望对在升级之路上的你有所帮助。另外在我升级V4时，其实框架已经到了V5了，无奈升级到V5前，必须先升级V4。
lego-web:基于AntdV4版本的表单拖拽配置器，支持二进制啊导出，预览
03-24
【标题】中的“lego-web”是一个项目名称，它是一个基于Ant Design Vue（AntdV4）版本的表单构建工具。Ant Design Vue是Ant Design设计语言在Vue.js框架下的实现，提供了一系列丰富的UI组件，便于开发者快速构建美观...
antdv4 form的resetFields使用方法
07-11
antdv4中的Form组件的resetFields方法用于重置表单字段的值。 具体使用方法如下： 1. 在你的表单组件中引入Form和Button组件： ```javascript import { Form, Button } from 'ant-design-vue'; ``` 2. 在...
记一次antd升级
Sasaluo的博客
11-01 1225
旧项目维护过程中，有一个时间插件分钟间隔设置为30的需求，查看了antd的TimePicker插件API，设置minuteStep属性值就行。但是加上去后没生效，因为项目antd版本是"^2.13.13，怀疑antd版本比较低导致，在antd4.x上试可以生效。于是就在antd升级的路上折腾了一番。 首先将antd升级到3.26（3.x最高版本），发现一堆报错，然后升级react到16.0以上，再升级react-dom,根据报错不停修改，还是顺利跑起来。 反思后，决定试试antd3.x低版本，然后找到a
antd3升级到antd4（已解决所有报错）
owo_ovo的博客
08-17 2477
react项目将antd3升级到antd4，并解决常见报错
umi + antd pro + antd 5 升级组件后报错
gaoxiaofei520sss的博客
05-16 557
一些组件的底层逻辑会发生变化，例如对于数组嵌套的数据类型判断，当children为空时，报错。语法类型需要去自己一一排查，对于后端返回的数据，自己做一些过滤。排除为null的字段。升级之后一些组件的属性和API会发生变化，导致报错。解决办法：报错的组件去看新的方法，更换属性和API。注：排查思维很重要，注重逻辑的去排查，一层一层排查，不要跳跃排查。目前遇到两种类型问题，之后遇到再继续罗列。
antd pro 升级 antd4.0
u011561536的专栏
05-07 4395
"ant-design-pro"的项目，版本是2.1.1 ，由于4.0pro页面结构大变，不可能完全删除弃用的icon，反正我不会改了 开始升级，第一步修改以下依赖 "dependencies": { "@ant-design/compatible": "^1.0.2", //兼容3.0，form和icon组件 "antd": "^4.0.0", "reac...
antd form dependencies无效_Ant Design 4.0 的一些杂事儿 - Form 篇
weixin_39559382的博客
02-01 3764
上一篇：Ant Design 4.0 的一些杂事儿 - Table 篇是的，趁着手热，于是又开了一篇新的文章，用来讲讲我们在开发 Ant Design 4.0 的 Form 时遇到的一些杂事儿。当然，欢迎使用、吐槽以及贡献到开源项目中来。Ant Design 4.0.0-rc 版本已经发布，我们提供了一套迁移指南和自动化迁移工具（从社区反馈上来看，我相信不少朋友们已经升级体验了~）。贤良淑德的 F...
antd v3版本升级到最新版
weixin_45261457的博客
09-02 1375
准备工作：保存最新代码，删除node_modules、package-lock.json、yarn.lock。 第一步修改 “dependencies”: { “@ant-design/compatible”: “^1.0.0”, “@ant-design/icons”: “^4.6.4”, “antd”: “^4.0.0”,（首先升级到最初4版本，要不然升级会报错） “react-dom”: “^16.9.0”, “react”: “^16.9.0”, } 第二步升级 使用 npx -p @ant-des
Antd 小版本升级的爬坑之路
kabudada的博客
11-04 1516
背景：antd pro v5 ，npm包管理。之前建项目的时候，antd的版本是4.19.0，但我看最新的4.24.0可以在里用items写内容，于是头脑发热，就更新到4.24.0了。发现form样式有点变化，但影响不大。写着写着，又想还是换回4.19.0。噩梦就从这开始。明明之前4.19.0就用的好好地，为嘛现在从4.24.0换回4.19.0就不行了？解决历程：删.umi /删node_modules/清浏览器缓存/重启电脑/重新拉代码，都不行。现象就是：崩溃。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值