react19和antd5.2不兼容

Question

使用antd的兼容包过后运行没问题，但是打包有问题，最后还是把react版本回退到18才能用

用的vite6

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

react 19 和 antd 5.2 不兼容

你遇到的问题是，使用 React 19 和 Ant Design 5.2 时，打包有问题，但是使用兼容包后可以运行没有问题。最后你需要回退到 React 18 才能使用。

这个问题可能是由于 Ant Design 5.2 对 React 19 的支持还不够导致的。Ant Design 5.2 的文档中没有明确地支持 React 19，但是 Ant Design 6.0 及更高版本已经支持 React 19。

如果你需要继续使用 React 19，可以尝试使用 Ant Design 6.0 或更高版本，或者等待 Ant Design 5.2 的更新支持 React 19。

如果你需要继续使用 React 18，可以尝试使用 Ant Design 5.2 的兼容包，但是需要注意可能会出现一些问题。

解决方案

1. 使用 Ant Design 6.0 或更高版本
2. 等待 Ant Design 5.2 的更新支持 React 19
3. 使用 Ant Design 5.2 的兼容包，但是需要注意可能会出现一些问题

代码示例

// 使用 Ant Design 6.0
import { Button } from 'antd';

// 使用 Ant Design 5.2 的兼容包
import { Button } from 'antd/lib/button';