你好我想问一下在学到6-1的时候,antd的官网配置不太一样了,按照官方文档配置后,实现出的效果跟教学中的不一样
来源:6-1 安装与使用 antd 组件库

eric1605
2023-02-23
你好我想问一下在学到6-1的时候,antd的官网配置不太一样了,按照官方文档配置后,实现出的效果跟教学中的不一样。
官方文档是这样的:
然后我按照官方文档的代码是这样的:
实现的效果是按钮只有鼠标移动上去才会显示为白色,加了fontSize以后字体也没有任何变化
写回答
2回答
-
INEEDAMONITOR
2023-09-18
我看了一下代码,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工作量也大。左右为难。
就当成锻炼解决版本冲突问题的能力吧。😂
012024-03-05 -
大艾尔
2023-03-22
同样没有实现定制主题
00
相似问题