在React中引入antd样式不生效

写代码的时候使用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';