报错Unknown custom element: ＜el-descriptions-item＞ - did you register the compon

已于 2022-09-26 16:00:42 修改
阅读量6.6k 收藏 7
点赞数 4
分类专栏： Vue 文章标签： npm 前端
于 2021-10-27 15:49:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44724181/article/details/120994479
版权

项目在引入element描述列表 Descriptions 时报错，报错的根源是element-ui的版本问题。在package.json中dependencies里element-ui版本是"2.13.2"，而这个组件支持的版本是“2.15.6”。

项目里element-ui版本

在这里插入图片描述

组件版本

在这里插入图片描述

解决方法
npm uninstall element-ui
npm i element-ui -S
//安装指定版本
//npm i element-ui@2.15.6
网络混子.肥猫
关注
  • 4
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【VUE】Unknown custom element: ＜el-descriptions＞ - did you register the component
仰望的博客
10-14 1982
在使用了后，发现没生效，在浏览器控制台里发现了这个错误，百度上搜索了下，说是饿了么框架版本太低原因，仔细看了下package.json中的element-ui是2.13.2版本，然后看了下饿了么组件官网对el-descriptions的版本要求是2.15.4。3、若想安装element-ui 最新版本，请使用以下命令。所以就升级element-ui版本解决了该问题。2、安装element-ui 2.15.6版本。1、先卸载element-ui。
(vue)el-descriptions 描述列表无效
nyf_unknow的博客
10-17 1785
原因：element 的版本不够。解决：运行下面两个命令。
前端： ＜el-descriptions＞ - did you register the component correctly? For recursive components
最新发布
qq_56715703的博客
05-10 236
翻译：未知自定义元素: -您是否正确注册了该组件?对于递归组件，确保提供“name”选项。原因：是到了element-ui 2.15.6才开始更新的，看看你的版本，升级即可。
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
热门推荐
chelflan's blog
04-21 11万+
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
前端vue报错：Unknown custom element: ＜el-descriptions＞ - did you register the component correctly?
qq3163566的博客
10-14 7932
直接上问题截图： 原因：版本问题。<el-descriptions>是到了element-ui 2.15.6才开始更新的，很多可能是开始做项目时用的是2.13.2版本，所以加载<el-descriptions>会出错。 解决办法; 把element-ui更新到最新版本即可。 npm uninstall element-ui 卸载 npm i element-ui -S 安装 ...
vue报错Unknown custom element:＜el-descriptions＞ did you register the component
Shids_的博客
10-11 6766
vue报错Unknown custom element:＜el-descriptions＞ did you register the component
解决：Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon
ruiti的博客
07-11 9万+
出现Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon 检查以下几处 第一种： 看components:{},单词是否拼错，和不要写成components(){} 第二种：本页面components 看写了几个， 是否是因为覆盖了。只能有一个components:{} 第三种，检查引入的组件 确定是否需要{} , import XXX from "...." 还是 imp.
[Vue warn]: Unknown custom element: – did you register the component correctly? 详细查错思路
米糊的头发箱（码代码掉的头发都在这里了）
10-08 3万+
出现这个错误往往与组件的引入有关。具体可能的几种错误原因如下： 1. 在非脚手架环境下，组件注册使用了CamelCase的话，那么组件调用的时候就要用kebab-case代替。 2. 是否正确注册组件，使用如下方式注册组件： export default { data(){ return{ }, components/*注意components不能漏掉末尾的s！*/: { vTable // //注册组件 }, } }..
MPU-6000 and MPU-6050 Register Map and Descriptions.pdf
05-03
REGISTER 26 是一个配置寄存器，用于设置 MPU-6000 和 MPU-6050 的工作模式和加速度计的配置。REGISTER 27 是一个陀螺仪配置寄存器，用于设置 MPU-6000 和 MPU-6050 的陀螺仪的配置。REGISTER 28 是一个加速度计配置...
stepy：jQuery Stepy-向导插件
02-04
jQuery Stepy-向导插件 jQuery Stepy是一个可生成可自定义向导的插件。 选件 back: undefined // Callback before...description: false // Choose if the descriptions of the titles will be showed. duration: 0 //
MPU-6500 Register Map and Descriptions Revision 2.11 翻译（英文版）
07-24
MPU-6500 Register Map Descriptions Revision 寄存器 自己部分翻译
element-ui@2.15.9 cdn资源
08-09
element-ui 本地资源包, 下载自unpkg.com, HTML引入vue.js后即可使用 具体使用方法参考element官网 cdn引入教程
q2a-tag-descriptions:为标签页中的标签和描述添加标题和图标。 这个插件对于 Q2A 的 SEO 必不可少
06-23
Q2A 标签说明 描述 ... 这个插件最初是由 Gideon Greenspan 在中。 我刚刚添加了一些很酷的功能： 新的功能 向标签添加标题（它将在标签的标题属性中使用title字段而不是description字段） ... 在 Q2A 中，转到Admin > P
【报错】Unknown custom element: ＜组件名＞ - did you register the component correctly?
qq_44883447的博客
07-10 1万+
组件名字是否写对了 import xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue” 代码中有两个components，后一个的值把前一个覆盖了 组件直接循环套用了
报错Unknown custom element: ＜di＞ - did you register the component correctly? For recursive components,
qq_41180882的博客
01-09 8900
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.等几种类似错误
【Vue】报错：Unknown custom element: ＜＞ - did you register the component correctly?...
qq_45677671的博客
08-02 2万+
报错信息及解决方法：[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
前端做项目vue报错：Unknown custom element: ＜el-descriptions＞ - did you register the component correctly
conqueror__的博客
11-26 2194
今天做项目遇到一下问题记录一下 直接上问题截图： 原因：版本问题。是到了element-ui 2.15.6才开始更新的，很多可能是开始做项目时用的是2.13.2版本，所以加载会出错。 解决办法; 把element-ui更新到最新版本即可。 卸载原来版本：npm uninstall element-ui 安装最新版本：npm i element-ui -S 建议：element- ui已经出Vue 3.x了，强烈建议升级到vue 3。 ...
[Vue warn]: Unknown custom element: did you register the component correctly?
牛奔的博客
05-13 6034
前言 [Vue warn]: Unknown custom element: did you register the component correctly? For recursive components, make sure to provide the "name" option. 问题原因是：使用了相关组件，但没有引入 解决思路 首先找出引起报错的相关代码，查看有没有使用类似组件，...
让下面这段代码的操作按钮再每个<<el-descriptions>右边中间合适的位置显示<div v-for="apiData in apiList " style="overflow-y: auto"> <el-descriptions :title="apiData.apiName" style="border-top: 1px solid #ccc; color: #4f9bff; border-bottom: 1px solid rgba(204,204,204,0);"> <el-descriptions-item label="api类型"> <dict-tag :options="belongOptions" :value="apiData.apiType"/> </el-descriptions-item> <el-descriptions-item label="url的后缀"> {{ apiData.apiExposeurl }} </el-descriptions-item> <el-descriptions-item label="校验appkey"> <dict-tag :options="appkeyOptions" :value="apiData.ischeck"/> <!-- <dict-tag :options="appkeyOptions" :value="apiData.ischeck" />--> </el-descriptions-item> <el-descriptions-item label="请求方式"> {{ apiData.requestMethod }} </el-descriptions-item> <el-descriptions-item label="来源表"> {{ apiData.apiTable }} </el-descriptions-item> <!-- <el-descriptions-item style="float: right;margin-left: 227px;--> <!-- margin-top: -38px;">--> <!-- <el-button--> <!-- size="mini"--> <!-- type="success"--> <!-- icon="el-icon-s-promotion"--> <!-- style="margin-left: 118px;"--> <!-- @click="handleUpdate(apiData)"--> <!-- >申请--> <!-- </el-button>--> <!-- </el-descriptions-item>--> <template slot="extra"> <el-button type="primary" size="small">操作</el-button> </template> </el-descriptions> </div>
06-02
您可以在每个`<el-descriptions>`标签内添加一个`<template>`标签，然后在这个`<template>`标签内添加一个`<el-button>`标签来实现操作按钮的显示。具体实现方式如下所示： ```html <div v-for="apiData in apiList" style="overflow-y: auto"> <el-descriptions :title="apiData.apiName" style="border-top: 1px solid #ccc; color: #4f9bff; border-bottom: 1px solid rgba(204,204,204,0);"> <el-descriptions-item label="api类型"> <dict-tag :options="belongOptions" :value="apiData.apiType"/> </el-descriptions-item> <el-descriptions-item label="url的后缀"> {{ apiData.apiExposeurl }} </el-descriptions-item> <el-descriptions-item label="校验appkey"> <dict-tag :options="appkeyOptions" :value="apiData.ischeck"/> </el-descriptions-item> <el-descriptions-item label="请求方式"> {{ apiData.requestMethod }} </el-descriptions-item> <el-descriptions-item label="来源表"> {{ apiData.apiTable }} </el-descriptions-item> <template slot="extra"> <el-button type="primary" size="small">操作</el-button> </template> </el-descriptions> </div> ``` 这样就可以在每个`<el-descriptions>`标签的右侧中间位置显示一个操作按钮了。您可以根据需要对按钮的样式进行调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值