【bug】element-ui:[Vue warn]: Unknown custom element: ＜el-container＞ -

最新推荐文章于 2022-10-20 19:19:40 发布
最新推荐文章于 2022-10-20 19:19:40 发布
阅读量442 收藏
点赞数
文章标签： vue.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54699306/article/details/125587123
版权

问题描述

在使用ElementUI的container、header、asider组件的时候，出现布局混乱，ElementUi渲染失败。

 

 问题解决

在main.js中调整vue.use(ElementUI)的位置

调换前：

原位置

调换后：

 

 

Pinkman丶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
element-demi:在Vue 2 3中使用Element UI的适配器
05-09
一个在Vue 2/3中使用Element UI的适配器。 :yo-yo: 只是个玩具 该库旨在测试postinstall npm挂钩。 安装完所有软件包之后。 该脚本将开始检查已安装的Vue版本，并根据本地Vue版本将导出重定向到。 :package: 安装 ...
vuepress-plugin-element-ui:vuepress插件可基于markdown-it-container扩展elementui
05-06
Vuepress插件-基于markdown-it-container扩展 文件 安装 重要提示：此插件需要VuePress> = 1.0.0，现在您可以通过yarn尝试添加vuepress @ next -D yarn add vuepress-plugin-element-ui -D // .vuepress/config.js...
ui组件 element 中是使用 el-empty报错
zyqgt960812的博客
12-14 5823
报错信息： Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. 报错图片 报错原因：根据报错信息提示el-empty未注册，项目中全局引用element使用，无需单独注册某个组件。 解决办法：重新安装element的版本，建议安装如下element，重新运行即可解决问题。 npm i e
解决vue-cli 项目引入element ui 运行时浏览器报错Unknown custom element
qq_45745643的博客
05-23 2998
解决vue-cli 项目引入element ui 运行时浏览器报错Unknown custom element 上条动态的问题解决了，在main.js文件里加入下面的代码即可 import Vue from 'vue'; import App from './App'; import router from './router'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue
Unknown custom element: ＜el-empty＞ - did you register the component correctly? For recursive compone
qq_43983650的博客
09-16 1万+
报错原因： “el-empty”未注册 解决：element版本太低了，当前版本里面查找不到el-enpty这个组件，需要重新安装一下element的版本。 npm i element-ui@2.15.6 -S 重新运行，上面的问题就解决了。
【蠢哭系列】unknown custom element
木同的小心情
05-26 1万+
尝试了一下前后端分离的开发模式，然后自己试着用Vue写了两个页面，调试看效果的时候一直报错unknown custom element，凡是用到element-ui的元素都不能被识别。 报错详情千篇一律都长下面这样： 问题原因在于我对Vue这东西不理解，以为在new vue的时候把ElementUI传进去就可以了（不是很懂new Vue（）这里传进去的参数是干啥的），也就是这样子： 正确的做法是要单独申明使用element-ui，也就是要加上Vue.use(ElementUI)，如下所示： 只简单记录
【已解决】报错：Unknown custom element: ＜xxx＞ - did you register the component correctly? （vue 导入导出使用花括号的问题）
热门推荐
程序边界
10-01 3万+
在套用vue-element-admin的项目中使用pagination组件时遇到报错： vue.runtime.esm.js:619 [Vue warn]: Unknown custom element: <pagination> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <
vue3-element-admin：vue3 + element-plus + typescript 后台管理系统
最新发布
05-04
vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板（前后端开源）。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...
vue3-element-admin:vue-element-admin的vue3版本
03-08
English ||| 由...赞助 活动服务销售平台客户消息直达工作群介绍是用于管理界面的可... 如果要使用旧版本，可以将分支切换到 ，它不依赖于vue-cli 该项目不支持低版本的浏览器（例如IE）。 请自行添加polyfill。准备
vue-element-ui:Vue +元素+ Axios
05-02
vue + element-ui 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:80 npm run dev # build for production with minification npm run build # build for ...
解决Element中el-empty不显示图片，控制台报错的问题
u011746482的专栏
03-03 6482
最近，在开发中用到了空状态组件el-empty，调试时发现空状态时的占位并没有显示出来，并在控制台中报错如下： [Vue warn]: Unknown custom element: <el-empty> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 解决办法：项目中已经全局引用了element，经查询发现是现有的.
Unknown custom element: ＜el-container＞ - did you register the component correctly? For recursive co
William_TWG的博客
05-04 3390
错误描述 vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <el-container> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Home> at src/components/Home.v
Unknown custom element did you register the component correctly
CaseyWei
04-09 1万+
1、错误描述 vue.esm.js?efeb:591 [Vue warn]: Unknown custom element: <el-container> - did you register the component correctly? For recursive components, make sure to provide the "name" option. fou...
element-ui:[Vue warn]: Unknown custom element: ＜el-container＞ - did you register the component corre
weixin_44970384的博客
03-05 2521
最近在用element-ui做一个vue的小项目，做的过程遇到了这样的错误： [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. 如下图： 错误原因：没有成功引入element-ui 解决办法：在main.js中引入如下代码 import ElementUI from
elementUI container布局不生效解决办法
Sys_菜菜
06-21 9972
大晚上的查这个查了半个多小时，不行我一定要写博客把这个坑记录下。 <el-container direction="vertical"> <el-header>Header</el-header> <el-container> <el-aside width="200px">Aside</el-aside> <el-main>Main</e
Vue使用element-ui/plus组件布局容器container失效解决方法
only_learn的博客
10-20 4404
注意，我在SideNav，Header,Main,Footer组件套了el-aside,el-header...原来，elementui不支持这种写法，在Home里面应该完全遵循官网的写法，这个错我遇到了好几次，每一次都花了很长时间解决，还是决定写个笔记记录一下。，不能写在子组件里面然后引入，不然elementui不会识别为布局容器。我在确定elementui引入正确的情况下是这样写的。在使用elementu官网的布局容器时，他是这样的。当然错误，布局一片混乱。想了一下午终于懂了。
解决'Unknown custom element'问题
qq_44196374的博客
02-26 7062
我的报错截图 原因：模板没写正确，真的是太粗心大意啦 解决方法：加入对应的模板就没有报错啦
关于vue使用：浏览器报错：Unknown custom element:
weixin_43303530的博客
11-07 7961
关于vue使用：浏览器报错：Unknown custom element: vsCode运行成功： 但实际运行时导入的ElementUI无效，导致浏览器报错： 原因：由于编写main.js时将Vue.use(ElementUI)写至最底端而导致报错： 错误示例： 只需将Vue.use(ElementUI)放至import后即可： 运行成功 ...
4_Element-UI笔记.pdf
08-27
4_Element-UI笔记.pdf

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值