Vite + Vue 3 中 Element Plus 按需引入未生效问题如何解决？

Question

vite创建的vue3项目，element-plus按需引入未生效

按照官网给的步骤，下载安装插件，配置vite.config.js文件，但是样式未生效

安装插件

npm install -D unplugin-vue-components unplugin-auto-import

配置了vite.config.js文件

/** @format */

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
})

但是在页面使用UI组件时错误警告，并没有组件样式

<template>
  <el-button type="primary">Primary</el-button>
</template>

<script>
export default {}
</script>

有大佬可以帮忙看看什么原因吗