@[toc]
报错问题
vue3.x创建项目 引用 elementUI 控制台报错 如下图所示:
报错分析
实例对象不一致,官网上的实例对象是vue/3.0(vue2.x)版本创建的对象,而我创建的项目是用 vue3.x 创建的,实例对象是createdApp 实例对象不一致,当然也就引不进去,继而报错了
报错解决
vue2.x
创建项目的时候选用vue2.x创建项目,其他操作照常。( element是支持 vue2.x 的,vue3.x 暂时还不支持 ElementUI
vue3.x
使用vue3.x版本 引入ElementUI
你要是想用vue3.x 引入element 也不是不可以的,他推出的支持vue3.0的版本叫 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')