标签:read 创建 app element Cannot 报错 vue3 import property
目录
vue3.x创建项目 引用 elementUI 控制台报错 如下图所示:
vue3.x创建项目 引用 elementUI 控制台报错 如下图所示:
报错起因:
看一下element官网的 这句话:
意思就是实例对象不一致,官网上的实例对象是vue/3.0(vue2.x)版本创建的对象,而我创建的项目是用 vue3.x 创建的,实例对象是createdApp 实例对象不一致,当然也就引不进去,继而报错了
解决方法:
创建项目的时候选用vue2.x创建项目,其他操作照常。( element是支持 vue2.x 的,vue3.x 暂时还不支持 ElementUI )
使用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')
标签:read,创建,app,element,Cannot,报错,vue3,import,property 来源: https://blog.csdn.net/weixin_48322274/article/details/118603058
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。