解决vue3+Ts+vite项目按需引入vant时无法显示组件样式问题

首先引入这个插件

 npm i vite-plugin-style-import@latest -D

再在vite.config.ts加入

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import {createStyleImportPlugin} from "vite-plugin-style-import";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
      vue(),
    createStyleImportPlugin({
      libs: [
        {
          libraryName: 'vant',
          esModule: true,
          resolveStyle: (name) => `vant/es/${name}/style/index`,
        },
      ],
    }),

  ],
})

运行程序，如果报错consola 没找到这个错误

npm i consola -D

完成