react 引入ant样式不显示怎么办

藏色散人
Freigeben: 2023-01-19 15:24:09
Original
1206 人浏览过

react引入ant样式不显示的解决办法:1、找到项目入口“index.js”文件;2、在“index.js”文件头部引入“import 'antd/dist/antd.min.css';”;3、重新刷新页面即可。

react 引入ant样式不显示怎么办

本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。

react 引入ant样式不显示怎么办?

react引入Ant Design后样式显示不出来

确认项目已经按照官方文档教程都搭建好了,该下载的也都下载了,本来一切正常的事情,在我解决其他问题的时候,样式就突然不显示了,界面乱的一团糟,看下图

1df9ffb1d8f0354c55c86b329a0ca97.jpg

 这次也是改了好多地方,不过都不太好使,最终解决办法:

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

112aa45a83b1d4342c773000b2a8540.jpg

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

请忽略我的配色和样式,后期会调的,相信我

80e5166f6e94e61d2618fdf93c1149e.jpg

推荐学习:《react视频教程

以上是react 引入ant样式不显示怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!