vite创建的vue项目引入vant后页面空白

症状如下:

vue各路径、组件都没问题,但页面空白

问题出在这

看看为什么会出现这个问题😫

初学者。。总能创造无限可能。。

所以,我出现这空白的原因就是没按标准的名字导入并注册,

正确写法如下:
import {Tabbar,TabbarItem } from 'vant' //导入组件
//(我这里用到的是底部导航组件,第一行和第四行按自己需求导入相应组件即可,组件名别写错了)
import 'vant/lib/index.css'    //导入组件样式
const app = createApp();    //有了就别写这行
app.use(Tabbar).use(TabbarItem)    //注册组件

这里还有种情况,component别+s

https://blog.csdn.net/weixin_43717681/article/details/111299639

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值