ant.design从 v3 到 v4

最新推荐文章于 2023-12-15 20:20:13 发布
原创 最新推荐文章于 2023-12-15 20:20:13 发布 · 911 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#reactjs

项目场景：

项目antdv3已经不能满足日常开发需求，升级v4版本解决问题

描述

系统环境：

"antd": "^3.26.3",
"react": "^16.12.0",

升级准备：
1、请将react版本升级到 React 16.12.0 以上。

2、请先升级到 3.x 的最新版本。 这里升级到3.26.12（我这边是用的yarn）

yarn add react@16.12.0
yarn add antd@3.26.12

升级开始:

npx -p @ant-design
最低0.47元/天 解锁文章
ant-design V3升级V4记录（成功篇）
ime33的博客
01-16 3220
原因：babel版本兼容问题以及.babelrc文件配置，可在下方沿用我的babel相关版本。一是antd是一个开源性生态框架，人家社区一直在更新迭代，如果产品不及时更新，一直在使用不维护的，甚至有问题的框架，后果可想而知。原因：检查style-loader\less-loader\css-loader版本，挨个尝试。这篇博客没有一步步记录升级过程中的错误以及解决办法，所以只罗列的大致的错误项，希望对在升级之路上的你有所帮助。另外在我升级V4时，其实框架已经到了V5了，无奈升级到V5前，必须先升级V4。
Ant-Design-Vue快速上手指南+排坑
最新发布
AI逍遥子
08-24 894
在交互式命令中选择Manually select features，然后勾选Babel，Router，Vuex等你需要的选项。：在项目目录下，使用npm或yarn安装Ant Design Vue： npm install ant-design-vue。检查是否正确引入了Ant Design Vue，并在Vue实例中使用了。以上就是Ant Design Vue的快速上手指南，希望对你有所帮助。确保你已经正确引入了Ant Design Vue的样式，即在。Ant Design Vue支持自定义主题，你可以在。
antd 3升级4遇到的问题与解决方式
solitude1128的博客
10-07 999
首先把package.json中改为4的版本号，然后删除node_modules后，重新 npm install 下载。1. 引入的LocaleProvider模块在4被废弃，需要修改为ConfigProvider。2. icon变为按需引入了，，只能手动改掉所有引入icon的地方。下载后运行，此时没有bug了，但是可能会报一堆警告，依然不能使用。具体看是什么警告，挨个排查，我遇到的是这些，如下。前情提要：3.26.13 => 4.24.14。此时运行会报一大堆错，不慌张，下载一个模块先。
antd v3升级v4过程全记录——比你想象更简单！
weixin_43867717的博客
10-22 3845
antd v4版本出来有一段时间了，今天打算升个级。 参考官方文档升级说明 1.升级准备 先升级到 3.x 的最新版本，按照控制台 warning 信息移除/修改相关的 API。 升级项目 React 16.12.0 以上 如果你仍在使用 React 15，请参考 React 16 升级文档。 其余 React 16 废弃生命周期 API 请参考 迁移导引。 2.开始升级 可以手动对照上面的列表逐条检查代码进行修改，但是没必要哇~ 官方提供了一个 codemod cli 工具 @ant-de
基于Vue3、Vite4、ant-design-vue4、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方
02-22
AntdvPro是一个基于Vue3、Vite4、ant-design-vue4、Pinia、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方案，它参考了阿里react版本antd-pro的设计模式，使用了最新最流行的前端技术栈，内置了动态路由、多主题、多布局等功能，可以帮助你快速搭建企业级中后台产品原型。
antd v3 升v4
weixin_43915401的博客
12-08 437
react 16.8升级至17.0.1 npm install react@17.0.1 react-dom@17.0.1升级react 执行发生错误时：npm install @babel/runtime antd 3.X 升级至最新 yarn add antd 升级antd npx -p @ant-design/codemod-v4 antd4-codemod src 安装兼容包 执行发生错误时：npm install --save @ant-design/icons 执行发生错误时：npm i..
ant-design-vue 4.x升级问题-样式丢失问题
前端
08-05 5387
该文档是在升级ant-design-vue到4.x版本的时候遇到的问题。
UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程（63 个视频）
求知久久编程学院
03-09 389
UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程（63 个视频） Antd Pro 是国内最流行的前端后台框架，使用它可以轻易搭建一个超级强大的后台，满足各种企业级需求，本套课程会入门级层次来讲解 Ant Desgin Pro，让你逐渐了解它，并使用它搭建一个完整的后台，满足公司需求，本项目基于 Ant Design Pro v4 & Ant Design v3，是国内仅有的讲 antd pro v4 的视频教程。 UmiJS &
NextJS 引入 Ant-Design 样式闪烁问题
Dreamy_LIN的博客
09-24 1424
加入脚本，帮我们提前执行。
jeecg-vue3 UI框架升级到antd4.x
liushuiwuqing91的博客
12-15 1617
jeccg-vue3 ui框架升级到antd4.x
antd3升级到antd4（已解决所有报错）
owo_ovo的博客
08-17 3616
react项目将antd3升级到antd4，并解决常见报错
vue cli 3 升级到 vue cli 4 方法步骤及升级点总结
盏茶作酒的博客
07-22 1793
vue cli 3 升级到 vue cli 4 方法步骤及升级点总结 官方升级英文文档，中文文档相对滞后。 简介：vue cli 4 官方已经更新有一段时间了，现在是4.0.5 版本，看了官方文档大概有二十几点的更新，还是干货满满呀，值得升级一下，下面是升级步骤。 一.首先，在全局安装最新的 Vue CLI： npm install -g @vue/cli # OR yarn global add @vue/cli 检查安装的版本 vue -V # 输出:@vue/cli 4.x.x 说明@vu..
Vue 3 + Antd 4 快速搭建入门手册
码农高端会所
11-03 1840
Vue 3 + Antd 4 快速搭建入门手册 安装 Vue 说明文档： https://v3.cn.vuejs.org/guide/installation.html yarn global add @vue/cli # 或 npm install -g @vue/cli 创建项目 $ vue create vue-faster Vue CLI v4.5.15 ? Please pick a preset: vue-faster ([Vue 3] less, babel, typescript,
vue 升级3 +vite+antdv4
qq_38552198的博客
07-16 3043
相关目录文件，注意：vue-cli生成index.html在public下要改为根目录。根据项目已有插件进行升级，注意app创建实例已修改,以下为参考。index.html ，全局main.js引入。vuex-persistedstate或。升级pakage.json相关安装包。升级nodejs15版本及以上。删除vue-cli相关，修改。六、状态管理VUEX。
记录react15版本升至16及以上步骤及遇到的问题
qq_37057426的博客
07-05 2663
查看项目package.json中，"react"及"react-dom"两个包版本号然后在命令行中依次输入：npm install --save react@17.0.2npm install --save react-dom@17.0.2现在都有react18了，为什么只升到17，问就是为了稳定，毕竟公司项目，领导能同意升级包已经不错了，还是要求稳定的。之后在命令行中依次删除 node_modules 包，重新npm安装：rm -rf node_modules npm install到这里就已经完成了升
Ant Design 3.x 升级到4.0的过程
m0_49016709的博客
05-30 2596
1、执行npm i -g @ant-design/codemod-v4 全局安装 2、这是代码会有改动，git status 查看代码状态 3、git commit 本地合并 4、antd4-codemod src （会把你现在所有组件不支持antd4.0的自动改为支持antd4.0 如果中途报错了，可以根据错误修改，然后再运行antd4-codemod src，反复操作一直提示无错误） 第一次执行完成如下图 有五处需要手动修改的，按照去修改 5、安装compatible npm i @ant-des
antd从v2升级到v3
yeqiurong的专栏
05-19 4951
antd升级到v3，需先将vue更到3.2以上。
23 版本以上的v4包_Ant Design Pro V2升级到V4 小结
weixin_29553791的博客
12-29 839
前言前不久接手过一个历史悠久的项(shi)目(shan)，技术栈之复杂(混乱)令我潸然泪下：你甚至可以在一个项目里使用前端三大框架(Angular1, Vue, React)。 三份的代码，本应该给我带来更多的快乐，但是为什么会变成这样呢?鉴于接到的是一个全新的需求，于是我又双叒叕引入了Ant Design Pro V4全家桶(第四份的快乐)。Hooks和Ant Design V4的搭配，的确用着...
老项目Antd 3 升级 4 随笔
JavaYao1的博客
12-04 1481
升级项目 React 16.12.0 以上。 git提交 npx -p @ant-design/codemod-v4 antd4-codemod src 改变老项目的引用 Icon npm install --save @ant-design/icons ( 下载巨慢,如果icon引用的不多话,通过第4步,跳过此步) 注意：从@ant-design/compatible引入的老版本 Form 组件，样式类名会从.ant-form变成.ant-...
Ant Design 4.21.6：企业级React组件库发布
Ant Design 的 v4 版本在整体架构上相较于 v3 做了大量优化，包括性能提升、API 更加语义化、支持 TypeScript 类型推导更完善、主题定制能力增强等。这一版本基于 React 技术栈构建，遵循现代化前端开发的最佳实践，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值