element-plus: [Bug Report] Component is missing template or render function.

Element Plus version

1.1.0-beta.21

OS/Browsers version

Vue version

3.2.20

Reproduction Link

https://codesandbox.io/embed/element-plus-spa-forked-vkdgb?fontsize=14&hidenavigation=1&theme=dark

Steps to reproduce

1. here is my package.json

{
  "scripts":{
    "build": "vue-tsc --noEmit --skipLibCheck && vite build"
  },
  "dependencies": {
    "@element-plus/icons": "0.0.11",
    "@vitejs/plugin-vue-jsx": "^1.1.8",
    "element-plus": "=1.1.0-beta.21",
    "vue": "^3.2.19",
  },
  "devDependencies": {
    "@types/node": "^16.7.6",
    "@vitejs/plugin-vue": "^1.6.0",
    "@vue/compiler-sfc": "^3.0.5",
    "autoprefixer": "^10.3.3",
    "postcss": "^8.3.6",
    "sass": "^1.38.2",
    "typescript": "^4.3.2",
    "vite": "^2.5.1",
    "vite-plugin-element-plus": "0.0.12",
    "vue-tsc": "^0.2.2"
  }
}

1. here is the code in ‘src/App.vue’

<template>
  <el-main>
    <div>hello world</div>
  </el-main>
</template>

1. when I packed and opened it in chrome, the page is empty. here is the console.warning

   [Vue warn]: Component is missing template or render function. 
  at <ElMain> 
  at <Anonymous> 
  at <App>

1. the truth is every component in Element-plus cannot be recognized.

2. There was no problem with the last version

What is Expected?

no error

What is actually happening?

every component in Element-plus can be recognized, and rendered