react引入ant樣式不顯示的解決辦法：1、找到項目入口“index.js”文件；2、在“index.js”文件頭部引入“import 'antd/dist/antd.min.css';”；3、重新刷新頁面即可。

本教程操作環(huán)境：Windows10系統(tǒng)、react18.0.0版、Dell G3電腦。

react 引入ant樣式不顯示怎么辦？

react引入Ant Design后樣式顯示不出來

確認(rèn)項目已經(jīng)按照官方文檔教程都搭建好了，該下載的也都下載了，本來一切正常的事情，在我解決其他問題的時候，樣式就突然不顯示了，界面亂的一團(tuán)糟，看下圖

這次也是改了好多地方，不過都不太好使，最終解決辦法：

在項目入口index.js里引入import 'antd/dist/antd.css';刷新一下好像就可以了。。。

又是督促自己吃核桃的一天。。。看效果

請忽略我的配色和樣式，后期會調(diào)的，相信我

推薦學(xué)習(xí)：《react視頻教程》