使用vue@3搭配element-ui时页面报错

1. 执行vue add element后，页面报错

2. 查看代码，此时element.js引用的是vue

import Vue from "vue";
import Element from "element-ui";
import "../element-variables.scss";

Vue.use(Element);

3. 终端报错

warning  in ./src/plugins/element.js

"export 'default' (imported as 'Vue') was not found in 'vue'

4. 查看项目文件main.js代码

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import "./plugins/element.js";

createApp(App)
  .use(store)
  .use(router)
  .mount("#app");

5. 目前还没找到解决方案

———————————2021/04/07更新——————————————-
Element Plus可以支持vue@3

1. 安装element-plus

npm install element-plus --save

2. 在 main.js 中写入以下内容：

import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

以上代码便完成了 Element Plus 的引入。需要注意的是，样式文件需要单独引入。