Element UI报错:Unknown custom element:

按照教程,重新安装了一遍,初始化项目
Vue框架Element UI教程-安装环境搭建(一)
https://www.jianshu.com/p/ab3c34a95128

这个时候,却出现了这样的bug,页面里面的样式也没有显示出来,我表示很纳闷,是什么地方的操作出现了问题了吗?

Element UI报错:Unknown custom element:_第1张图片
Element UI报错:Unknown custom element:_第2张图片
vue.esm.js?efeb:628 [Vue warn]: Unknown custom element:  - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

--->  at src/components/test.vue
        at src/App.vue
         

报错原因,忘记注册组件了,我可真的是个粗心的小可爱呐

解决办法:打开入口文件main.js,添加一下代码即可。

import ElementUI from 'element-ui' //element-ui的全部组件
import 'element-ui/lib/theme-chalk/index.css'//element-ui的css
Vue.use(ElementUI) //使用elementUI

Element UI报错:Unknown custom element:_第3张图片

再次运行,显示如下,报错解决。

Element UI报错:Unknown custom element:_第4张图片

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚,对于博客上面有不会的问题,欢迎加入编程微刊qq群:260352626。

你可能感兴趣的