- 执行
vue add element
后,页面报错
- 查看代码,此时element.js引用的是vue
import Vue from "vue";
import Element from "element-ui";
import "../element-variables.scss";
Vue.use(Element);
- 终端报错
warning in ./src/plugins/element.js
"export 'default' (imported as 'Vue') was not found in 'vue'
- 查看项目文件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");
- 目前还没找到解决方案
———————————2021/04/07更新——————————————-
Element Plus可以支持vue@3
- 安装element-plus
npm install element-plus --save
- 在
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 的引入。需要注意的是,样式文件需要单独引入。