• 技术文章 >web前端 >前端问答

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

    藏色散人藏色散人2023-01-19 15:24:09原创73

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

    本教程操作环境: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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:React
    上一篇:react都有哪些组件 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • react 怎么安装依赖• react 怎么设置 style属性• react怎么将时间戳转换成日期• react都有哪些组件
    1/1

    PHP中文网