你好我想问一下在学到6-1的时候，antd的官网配置不太一样了，按照官方文档配置后，实现出的效果跟教学中的不一样

Question

你好我想问一下在学到6-1的时候，antd的官网配置不太一样了，按照官方文档配置后，实现出的效果跟教学中的不一样。
官方文档是这样的：

然后我按照官方文档的代码是这样的：

实现的效果是按钮只有鼠标移动上去才会显示为白色，加了fontSize以后字体也没有任何变化

Answer 1

INEEDAMONITOR 2023-09-18 15:48:58

我看了一下代码，jira-dev-tool里面的antd使用的是antd 4x版本。版本问题，不兼容。dev-tool里面的设置覆盖了你react的设置。如果把jira-dev-tool设置移开就可以正常运行了。有点坑。
解决办法就是安装特定版本的craco和craco-less，以及antd。直接复制下面代码跑就行，然后跟着老师的代码做。

yarn add @craco/craco@6 craco-less@1.17.1 antd@4.9.1

跟完课程可以考虑把dev-tool给挪开，然后对项目进行跟新升级。

真的很想吐槽一下。就是老师使用的jira-dev-tool。看了一眼npm，上次跟新三年前，没有维护，很多package都是老版本了。然后npm上面github的链接也是挂掉的，想看源码自己在项目里改一下也不行。直接npm antd什么的贼容易因为版本出bug。一会react版本不兼容，一会ts版本不兼容。

一个人跟新这个库工作量也大，但是自己维护一个api工作量也大。左右为难。

就当成锻炼解决版本冲突问题的能力吧。😂

• 慕慕大人的头号粉丝 #1

  是的。感觉像打通关游戏一样。现在卡着里，一会这不行那不行的。

Answer 2

大艾尔 2023-03-22 09:45:58

同样没有实现定制主题