症状如下:
vue各路径、组件都没问题,但页面空白
![](https://i-blog.csdnimg.cn/blog_migrate/7267c5dfc9ca9816cf4d9469d467a697.png)
问题出在这
![](https://i-blog.csdnimg.cn/blog_migrate/bd641e7cf2b751ffa9a4f8f059adb489.png)
看看为什么会出现这个问题😫
![](https://i-blog.csdnimg.cn/blog_migrate/f2d61d0e5616342084bdc80a25e43081.png)
初学者。。总能创造无限可能。。
所以,我出现这空白的原因就是没按标准的名字导入并注册,
正确写法如下:
import {Tabbar,TabbarItem } from 'vant' //导入组件
//(我这里用到的是底部导航组件,第一行和第四行按自己需求导入相应组件即可,组件名别写错了)
import 'vant/lib/index.css' //导入组件样式
const app = createApp(); //有了就别写这行
app.use(Tabbar).use(TabbarItem) //注册组件
![](https://i-blog.csdnimg.cn/blog_migrate/5f1af7453ca419822f4a819ad174da1c.png)
这里还有种情况,component别+s
https://blog.csdn.net/weixin_43717681/article/details/111299639