在React中引入antd样式不生效

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 15:46   198   0

写代码的时候使用antd的组件,觉得还是比较方便的(虽然antd密闭性也太好了)

之前也出现过,因为下载antd出现的问题,使用npm的源国内无法使用。可以使用淘宝的镜像源,要是还不行就用手机的热点下载

可是这次出现antd样式不生效的问题,我就装antd了好几遍,npm、cnpm、yarn都试了还是不行

于是在网上找,但是其中的解决方法好像都没有对症下药,然后我有去官网看了下引入方法

有以下表述:

我的代码是在scr下的其他文件夹中写的,并且js文件没有创建对应css文件,应该不需要引入antd/dist/antd.css

于是我想应该在入口文件index文件的css中引入,就成了

解决方法:

1、检查antd是否引入成功

多试几次,要是有过多的warn,那说明就悬

npm i antd
cnpm i antd
yarn add antd

2、在index.css文件中引入:

@import '~antd/dist/antd.css';

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP