伙伴匹配项目关于vant4组件不加载问题

▼
html
复制代码
<template>
  <form action="/">
    <van-search
        v-model="searchText"
        show-action
        placeholder="请输入搜索标签"
        @search="onSearch"
        @cancel="onCancel"
    />
  </form>
  <van-divider content-position="left">已选标签</van-divider>
  <van-tag :show="true" closeable size="medium" type="primary" @close="close">
    标签
  </van-tag>
  <van-divider content-position="left">选择标签</van-divider>
</template>

<script setup>
import {ref} from "vue";
import {showToast} from "vant";

const searchText = ref('');
const onSearch = (val) => showToast(val);
const onCancel = () => showToast('取消');

</script>

<style scoped>

</style>

这是我search搜索页面的代码，搜索页面没有展示出van-divider和van-tag，如下图（图一）所示，应该效果要像图2一样显示的，怎么回事，在main.ts中我也引入了divider和tag组件，也试过全部换成import Vant ，但是就是不显示出来，下面是我的main.ts代码，求助一下大家

▼
ts
复制代码
import {createApp} from 'vue'
import App from './App.vue'
import {NavBar, Icon, Toast,Tabbar,TabbarItem,Search,Divider,Tag} from 'vant';
import * as VueRouter from 'vue-router';
import routes from "./config/router";
import 'vant/lib/index.css';
const app = createApp(App);
app.use(NavBar);
app.use(Icon);
app.use(Toast);
app.use(Tabbar);
app.use(TabbarItem);
app.use(Search);
app.use(Divider);
app.use(Tag);
const router = VueRouter.createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: VueRouter.createWebHashHistory(),
    routes, // `routes: routes` 的缩写
})

app.use(router);

app.mount('#app');