首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Element UI报错:Unknown custom element: <el-menu>

Element UI报错:Unknown custom element: <el-menu>

作者头像
王小婷
发布2025-05-18 18:29:45
发布2025-05-18 18:29:45
3010
举报
文章被收录于专栏:编程微刊编程微刊

按照教程,重新安装了一遍,初始化项目

Vue框架Element UI教程-安装环境搭建(一)

https://cloud.tencent.com/developer/article/1425275

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

5640239-2391ae803ab93b9a.png
5640239-2391ae803ab93b9a.png
5640239-9ba341410f35f418.png
5640239-9ba341410f35f418.png
代码语言:javascript
复制
vue.esm.js?efeb:628 [Vue warn]: Unknown custom element: <el-menu> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Test> at src/components/test.vue
       <App> at src/App.vue
         <Root>

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

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

代码语言:javascript
复制
import ElementUI from 'element-ui' //element-ui的全部组件
import 'element-ui/lib/theme-chalk/index.css'//element-ui的css
Vue.use(ElementUI) //使用elementUI
5640239-92e33ed83bf8f202.png
5640239-92e33ed83bf8f202.png

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

5640239-88a4879d08512219.png
5640239-88a4879d08512219.png

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-05-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档