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

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

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

5640239-2391ae803ab93b9a.png
5640239-9ba341410f35f418.png
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,添加一下代码即可。

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-88a4879d08512219.png

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值