Unknown custom element: ＜el-button＞ - did you register the component correctly?

中午不睡会死x

已于 2024-05-28 10:15:18 修改

阅读量2.1k

点赞数 4

文章标签： vue.js javascript 前端

于 2023-03-14 09:25:03 首次发布

本文链接：https://blog.csdn.net/weixin_48002230/article/details/129516950

版权

在Vue项目中安装Element-UI后，需要在main.js文件里导入并使用它。需添加`importElementUIfromelement-ui`和`importelement-ui/lib/theme-chalk/index.css`，然后在Vue实例创建前调用`Vue.use(ElementUI)`。同时，确保`Vue.config.productionTip=false`设置正确。

摘要由CSDN通过智能技术生成

我的问题是安装了element-ui后忘记在main.js中引用，需要在main.js中添加以下代码：

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

20240528补充——————————

Vue.use(ElementUI)需要放在new Vue之前

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.config.productionTip = false
Vue.use(ElementUI)

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')