在这里插入图片描述

在vue引入element Ui时,遇到了这个问题。
主要原因有如下:
1.我创建的项目是使用vue3的,但是引入element时,我用了vue2的方法
2.网上查的,说是我vue3版本过高导致的
3.粗心大意,最主要是需要细心。

引入element时,不仅需要在使用命令安装,还需要修改main.js里面的内容,下面是我修改并且成功了的。注释的代码是我因为大意造成的。给自己一个教训。

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// import '../node_modules/element-ui/lib/theme-chalk/index.css';
import App from './App.vue'
import router from './router/index.js'
// import ElementUI from 'element-ui';

const app = createApp(App)
// app.use(ElementUI);
app.use(ElementPlus)
app.use(router)
app.mount('#app')
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐