如何解决：index.js:1 Warning: [@ant-design/icons] Should have `component` prop or `children`.

最新推荐文章于 2023-06-20 17:03:19 发布
最新推荐文章于 2023-06-20 17:03:19 发布
阅读量8.4k 收藏 3
点赞数 4
分类专栏： ant design 文章标签： antd
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43827462/article/details/106399706
版权

这个问题出现的原因可能有很多，我只遇到了这其中的一个。
警告的全部信息如下：
在这里插入图片描述
警告信息翻译一下： [@ant-design/icons]应该有一个component或者children

我们找到报错的位置：
在这里插入图片描述
type赋值运用到了三目运算符，当isType === item.type 为false是赋值""，这就是造成错误的原因，没有给[@ant-design/icons]一个component或者children，所以解决方法是：当isType === item.type 为false是赋值" "，在""添加一个空格即可，为" "

琞、小菜
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ant-design-icons：:white_medium_star:Ant Design SVG图标
01-31
:white_medium_star: 蚂蚁设计SVG图标的抽象树。 配套 香草： React： React Native： 角度： Vue： 贡献指南贡献指南 @ ant-design / icons-svg：｜ 执照
Angular中使用ng-zorro图标库部分图标不能正常显示问题
01-19
ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist or is not registered. at IconNotFoundError (ant-design-icons-angular.js:159) at MapSubscriber.project (ant-design-icons-angular...
Warning: icon should have ‘type‘ prop or ‘component‘ or ‘children‘解决方法
温柔雨哥的博客
03-17 4005
关于 antd_icon 控制台警告处理方案
Warning: Icon should have `type` prop or `component` prop or `children`.
weixin_41992772的博客
07-11 1万+
这个问题我排除很久在它GitHub代码里面找到了 但是也木有明确的解决 没办法只又自己一遍一遍的进行测试了 后来发现这个问题的话要 在前面进行判断空 要给一个值我的是这样解决的 有其他思路可以一起讨论 qq:3092292223 ...
icon should have 'type' prop or 'component' or 'children'解决方法
qq_43437571的博客
04-22 3478
项目用了eslint，在vscode里安装eslint插件，icon下面出现红曲线，鼠标悬浮上去，右边会显示【Quick Fix…】，点击它，会出来三个选项，选择第一个【Disable no-unused-vars for this line】， 即可自动添加一行注释，如下： // eslint-disable-next-line no-unused-vars ...
index.js:1 Warning: Each child in a list should have a unique “key“ prop.
Oneiroxixi的博客
11-01 773
table key
vue3 全局注册 ant 图标组件
圆圈圈的博客
11-15 1万+
Ant Design Vue官网中，给出的示例中，引用图标组件，需要在每个页面进行按需引入。下面给大家提供一个全局注册ant图标组件的一种方法。 1.安装 @ant-design/icons-vue 图标组件包 npm install --save @ant-design/icons-vue 2.在main.js / main.ts进行注册引入 import * as Icons from '@ant-design/icons-vue' import router from './router' im.
（一）vue2.0学习笔记
丿灬安之若死
01-27 234
官方api地址 https://cn.vuejs.org/v2/api/ 引用 body标签的闭合标签上面 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script> v-text 预期：string 详细： 更新元素的 textContent。如果要更...
import error: 'Icon' is not exported from 'antd' 引入图标报错
qq_37233023的博客
04-22 1万+
这是antd v3到v4升级导致的，可参考更新文档https://ant.design/docs/react/migration-v4-cn#Icon-upgrade
gio-design-icons：GrowingIO设计SVG图标
02-28
安装使用图标之前，您需要安装@gio-design/icons软件包： $ npm install --save @gio-design/icons 或与yarn使用： $ yarn add @gio-design/icons用法import React , { ReactDOM } from 'react' ;import { ...
Ant Design Web
01-15
前端 Ant Design Web
tabler-icons-react:React React的Tabler图标
04-28
npm install tabler-icons-react # yarn yarn add tabler-icons-react 安装该软件包后，您可以将Tabler Icons导入为React组件，如下所示： import { Activity } from 'tabler-icons-react' ; 例子 import React ...
vue-material-design-icons：材料设计图标作为Vue单个文件组件
02-04
yarn add vue-material-design-icons 要么 npm i vue-material-design-icons 导入图标，并将其声明为本地组件： import MenuIcon from 'vue-material-design-icons/Menu.vue' ; components: { MenuIcon ; } ...
动态引入 antDesign 的图标，并注册为组件
pig_ning的博客
06-20 2161
【代码】动态引入 antDesign 的图标，并注册为组件。
react引用Ant Design组件遇到的坑（table）index.js:1 Warning: Each child in a list should have a unique “key“
qq_43690438的博客
12-01 1487
打印台报错，百度了一下解决办法，参考博客或者参考文章最后。 如图： 表格分页居中设置（在table组件里面写上，bottomCenter表示表格下方居中，6条数据分页） pagination={{ position: ['bottomCenter'], pageSize: 6 }} 表格中添加组件（例如按钮） 在columns最后一项里面写组件：利用 render：（）=> 箭头函数返回组件 代码： 分页，报错解决方式如图：（rowKey为每一项的唯一字段名） 有问题欢迎指出~ ..
ant-desing-vue升级后Icon的动态调用及自建icon库的方法
zaojiaodabao的博客
12-01 877
antd3.x（ant-desing-vue）动态调用默认Icon的实现方法，超简单
react+antd:Warning: Each record in table should have a unique `key` prop,or set `rowKey` to an uniqu
热门推荐
superYe7的博客
03-28 1万+
Warning: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key. Warning: [antd: Table] Each record in dataSource of table should have a unique `key` prop, or s...
解决VUE3使用Ant-Design的图标组件＜a-icon＞使用报错，自己做个＜b-icon＞
学习使我快乐_玉祥
04-04 6820
浏览器控制台报错：不识别a-icon 网上推荐使用循环遍历每一个组件，进行注册 在main.js写这个循环，多少有点奇怪 并且我在下方这行代码就已经报错了，不太懂这个语法。 const icons: any = Icons; 一筹莫展之际，我决定自己写一个a-icon组件。 <template> <span ref="icon" v-html="code" style="width:25px;height:25px;overflow:hidden;">.
Crypto_30_vHsm_Types.h
最新发布
07-09
Crypto_30_vHsm_Types
error An unexpected error occurred: "https://registry.npmmirror.com/@ant-design/icons/-/icons-4.8.0.tgz: ESOCKETTIMEDOUT".
07-17
这个错误通常表示在安装 @ant-design/icons 包时出现了网络连接超时的问题。这可能是由于网络不稳定或服务器出现问题导致的。 为了解决这个问题，你可以尝试以下几种方法： 1. 检查你的网络连接是否正常，并确保你...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

琞、小菜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值