vue3中如何解决elementplus的ElMessage找不到的问题

在vue3中使用elementplus中的ElMessage，配置了自动导入，但是却还是报找不到模块

解决办法:

1. 我们需要手动导入该模块
   import { ElMessage } from 'element-plus'
2. 当我们导入后发现样式出错了，这是就需要我们配置一下自动导入样式，第一先安装依赖
   npm i vite-plugin-style-import consola -D
3. 然后我们需要在vite.config.ts中配置一下

import {
    createStyleImportPlugin,
    ElementPlusResolve,
} from 'vite-plugin-style-import';
export default defineConfig({
  plugins: [
      //配置自动导入element start
      createStyleImportPlugin({
          resolves: [ElementPlusResolve()],
          libs: [
              {
                  libraryName: 'element-plus',
                  esModule: true,
                  resolveStyle: (name: string) => {
                      return `element-plus/theme-chalk/${name}.css`
                  },
              },
          ]
      }),
      //配置自动导入element end
      vue(),

  ],
})