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

藏色散人
Libérer: 2023-01-19 15:24:09
original
1207 人浏览过

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中文网其他相关文章!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!