(踩坑回忆录)Dva踩坑与解决方案

本文详细介绍如何从Antd-Pro项目中克隆并集成特定组件到DVA项目中,包括图表组件的拷贝、依赖安装及配置过程。解决react-dom报错及webpack配置问题,实现组件的无缝对接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

问题

antd-pro组件的使用

  1. 首先到antd-pro,使用git命令clone项目
  2. 项目目录中找到src/components
  3. 找到你想用的组件,例如 我想使用chart(图表),将整个Charts文件夹拷贝到我们的dva项目的components目录下
  4. 例如我想使用Pie,那么 import {Pie} from '../../components/charts',也可以配置webpack 使用别名"@"
  5. 重启应用,各种缺少依赖,相应安装
  6. 如果出现react-dom的报错,估计是webpack的配置问题,去掉webpack.config.js进行尝试。
  7. 最后,引入成功 不报错后, 可以按照antd-pro的使用文档,配置使用。

小结

未完待续...
持续追更...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值