你好我想问一下在学到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工作量也大。左右为难。

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

0
1
慕慕大人的头号粉丝
是的。感觉像打通关游戏一样。现在卡着里,一会这不行那不行的。
2024-03-05
共1条回复

大艾尔

2023-03-22

同样没有实现定制主题

0
0

React17+Hook+TS4 优质实践,仿 Jira 企业级项目

解锁 React17 高阶用法,轻松应对大型复杂长周期项目

2691 学习 · 1236 问题

查看课程