elment plus+vite 如何按需导入呢？

elmentPlus安装了，unplugin-vue-components 和 unplugin-auto-import也已经安装了
vite.config.js也根据官方教程配置了，为什么就是加载不出来组件呢？
下面是vite.config.js配置
https://element-plus.org/zh-CN/guide/quickstart.html#按需导入 这个是官网教程地址，是我什么地方出错了吗？

// vite.config.ts
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

export default {
  plugins: [
    // ...
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
}

加载css了吗
import 'element-plus/dist/index.css'