vite elementplus按需引入Failed to resolve import “element-plus/es“ from “xxx.vue“ Does the file exist?

关键在于没有安装依赖

弱智如我，按需引入需要先安装elementplus的依赖，报这个错的时候我就很好奇，为什么我elementplus文件夹里面啥也没有就能自己找出来，现在的技术都这么牛批了？结果发现是我过于睿智。

按需导入代码

// 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()],
    }),
  ],
}

安装依赖代码

npm install element-plus --save