如何将元素 UI 添加到 Vue 3答案

【问题标题】：how to add Element UI to Vue 3如何将元素 UI 添加到 Vue 3
【发布时间】：2022-07-16 19:00:25
【问题描述】：

我正在尝试将 Element UI 添加到我的 Vue3 项目中：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

App.use(ElementUI)
createApp(App).use(store).use(router).mount('#app')

所以我正在关注这个文档https://element.eleme.io/#/en-US/component/quickstart，但它给了我这个错误：types.js?a742:39 Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')

我不知道我在这方面做错了什么。

【问题讨论】：

标签： vue.js vuejs3 element-ui

【解决方案1】：

你应该使用与 vue 3 兼容的element-plus：

安装：

  npm install element-plus --save

用法：

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

【讨论】：

【解决方案2】：

npm install element-plus --save

使用 Vue 3，您可以使用 element plus 并将其包含在 main.js 或 main.ts 文件中。

  import ElementPlus from 'element-plus'
  import 'element-plus/dist/index.css'

【讨论】：