umi + antd pro + antd 5 升级组件后报错

最新推荐文章于 2024-04-23 10:11:05 发布
最新推荐文章于 2024-04-23 10:11:05 发布
阅读量548 收藏
点赞数
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaoxiaofei520sss/article/details/130700566
版权

一：组件报错

        升级之后一些组件的属性和API会发生变化，导致报错。

        解决办法：报错的组件去看新的方法，更换属性和API

二：语法报错

        一些组件的底层逻辑会发生变化，例如对于数组嵌套的数据类型判断，当children为空时，报错。语法类型需要去自己一一排查，对于后端返回的数据，自己做一些过滤。排除为null的字段

目前遇到两种类型问题，之后遇到再继续罗列

注：排查思维很重要，注重逻辑的去排查，一层一层排查，不要跳跃排查

gaoxiaofei520sss
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
升级项目从antd pro 4到 antd pro 5
supercolorpower的博客
11-23 2671
官网文档：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...
【Umi+Antd+Ts实战】新增商品弹框组件【V1.0】
Milk~每天分享一点点，技术进步一点点
10-13 1134
新增商品弹框组件 先看效果 1.点击+符号，弹出新增商品组件 路由配置可以参考下面博客 https://blog.csdn.net/weixin_43352901/article/details/108536112 2.新增商品弹框内容 文件目录 文件解析 const.ts export const formLayout = { labelCol: { sm: { span: 6 }, xs: { span: 28 } }, wrapperCol: { sm:
umijs和antd 报错 validateDOMNesting(...): ＜a＞ cannot appear as a descendant of ＜a＞
weixin_45979310的博客
03-28 499
从umi4拉下来装包运行后就报错
vue antdesign 今天打包项目出现报错，请求不到数据问题
艾米的猫儿的博客
04-06 595
请求 cdn 网络超时问题处理
ant-design版本升级从V4到V5
qq_40896095的博客
10-24 750
这里会对import的导入进行报错，告诉你这两个文件找不到，具体修改本人没有研究，因为这个是在入口引入，所以不动它，而是去修改的moment。看到这里其实官网也给了解决方案保留moment，那就是安装。的问题，如果按照这个报错去梳理代码，你会发现，自己的生命周期写的并没有问题。按照官网给出的信息，我只说一下我这里遇到的问题就是dayjs引入的延申。正常情况按照官网给的方式，就可以正常进行版本升级[：](写这篇文章的目的就是记录自己踩过的坑，没有其他的。这里可以看出所需结构完全不同了，也可以看到。
umi3项目antd4升级为antd5小计
weixin_64831582的博客
08-30 1327
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中设置。
基于umi+antd-mobile的移动端项目模板
02-22
"基于umi+antd-mobile的移动端项目模板"是一个针对移动端应用开发的高效解决方案，它结合了两个强大的工具：umi框架和antd-mobile组件库。这个模板提供了一个快速启动的项目结构，旨在帮助开发者更高效地构建高质量...
umi-dva-antd-mobile：基于umi + dva + antd-mobile快速构建H5 APP应用
02-06
umi-dva-antd-mobile 该项目主要以 + 为一体框架，以为UI组件库，包含完整的前端工程化实践。 部分代码及功能参考于 :clapping_hands:已经支持微信开发，相见分支。 目录结构 |-- config # umi 配置，包含路由，...
umi+react+antd 增删改查
10-20
在IT行业中，构建Web应用程序是常见的任务，而“umi+react+antd 增删改查”这个主题涉及到了三个核心的技术栈，它们分别是Umi、React和Ant Design，以及Web应用开发中的基本操作：增（添加）、删（删除）、改（修改...
umi-store:Umi3 + DVA + TS + Antd-Mobile 的一个商城模板
05-11
umi project 基于 Umi3 + DVA + TS + Antd-Mobile 的商城模板 Getting Started Install dependencies, $ yarn Start the dev server, $ yarn start 1. 首页： 2. 购物车： 3. 订单列表： 4. 我的页面：
基于umiantdmobile的移动端项目模板
08-10
基于umi antd-mobile的移动端项目模板
antd v4从monent到antd v5 Dayjs的使用
zhouzhou20002000的博客
02-14 536
dayjs好处 🕒 和Moment.js有着相同的API和模式 💪 不可变、持久性 🔥 提供链式调用 🌐 国际化标准 📦 超小的压缩体积，仅仅有2kb左右 👫 极大多数的浏览器兼容
使用umi3和antd pro5从零实现全栈中后台管理系统
weixin_44160385的博客
12-09 3370
0、前言 使用umi3和antd pro5从零实现全栈中后台管理系统 0-1、涉及技术栈 前端： TS 、 React、React Hooks、 umi3、antd-pro5 后端: express、mongodb、jwt ** 0-2、实现的功能 后端用户鉴权 前端权限管理 用户密码加密 封装一套通用弹窗表单组件，实现新建、修改、详情功能 用户登录注册(首次需要后端自己添加一条用户登录信息) 后端通过expressJWT实现接口鉴权与添加白名单 后端日志功能 后端封装方法统一处理返回信息 实现列
项目Ant Design4-5升级实践记录
m0_60971410的博客
09-15 659
Module not found: Error: Can't resolve 'antd/dist/antd.css' in D:\WebFiles\center_platform_project\src\assets\css'
react项目同时拥有antd4及antd5
最新发布
lucky960903的博客
04-23 489
的时候，npm 将会获取并安装 "antd" 包的最新 5.x 版本，并将它映射到该项目下名为 "antd5" 的别名中。这就意味着，你可以通过。公司项目做大规模antd4-antd5的升级工作，但是直接覆盖替换会有大量bug产生，且切换周期较短，所以采用antd4和antd5并行逐渐升级。表示你要安装的是 npm 仓库上的名为 "antd" 的包，"@5.x" 表示你想要这个包的 5.x 版本。这条数据意味着你想安装名为 "antd" 的npm包，版本号5.x（x 可为任何数字，根据最新版本来）。
Antd 小版本升级的爬坑之路
kabudada的博客
11-04 1496
背景：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/清浏览器缓存/重启电脑/重新拉代码，都不行。现象就是：崩溃。
ant-design V4升级V5记录（成功篇）
ime33的博客
02-09 4261
6、Uncaught Invariant Violation: Maximum update depth exceeded. 原因是，新版react中在render有立即执行的函数，函数执行进而触发render，陷入循环，修改如图所示，表示需手动触发；发生这个问题有两处地方，根因一致，通过控制台提示，知道上述报错是在哪里，哪个组件引起，发现是Rangpicker，时间选择器，第二处地方，在rangerpicker设置defaultValue时，通过state传入设置默认值，同理也会触发循环。
antdv4 升级指北
Chad97的博客
03-06 1655
最近 antd 更新到v4 到大版本了, 顺手更新了一波 记于此 此次 antdv4 更新 细则就不谈，可移步官网查看 几个注意点： IE 最低支持版本为 IE 11 React 最低支持版本为 React 16.9，部分组件开始使用 hooks 进行重构 升级项目 React 16.12.0 以上 Start upgrading 更新依赖包 上面也说了，此次更新版本较新 我索性...
记一次antd升级
Sasaluo的博客
11-01 1213
旧项目维护过程中，有一个时间插件分钟间隔设置为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
umi + antd-mobile
08-24
umi和antd-mobile可以很好地配合使用，umi提供了一套完整的开发框架和工具链，而antd-mobile提供了美观实用的移动端UI组件，开发者可以通过umi搭建整个项目的结构和配置，然后使用antd-mobile的组件来构建用户界面。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值