1
hhhanako 2023-05-24 23:33:07 +08:00 1
dev 的时候不会对 typescript 检查,但是 build 的时候默认会。
你可以 1. 关闭 build 的时候对 tsc 检查,tsconfig 配置一下,但是不推荐 2.根据报错改好代码,看起来你似乎把 rev 打错了? 全局搜索一下 |
2
leokun 2023-05-25 11:45:13 +08:00
HomeOutlined 组件不符合 icon 的签名吧
|
3
xinmans OP |
5
xinmans OP Fix by ChatGPT
这个错误显示,您在菜单项中使用了 AntdIcon 组件,但未传递必需的 "rev" 属性。AntdIconProps 接口规定了必须设置 rev 属性的对象。 要解决此问题,请确保将包含 "rev" 属性的对象传递给所有 AntdIcon 组件,并且已正确导入和声明所有类型。如果需要,您可以通过添加可选的 "rev" 属性来解决此特定错误: ```typescript <Menu.Item key="0" icon={<AntdIcon type="home" style={{ fontSize: 16 }} rev={true} />}> 首页 </Menu.Item> <Menu.Item key="1" icon={<AntdIcon type="search" style={{ fontSize: 16 }} rev={true} />}> 搜索 </Menu.Item> <Menu.Item key="2" icon={<AntdIcon type="apple" style={{ fontSize: 16 }} rev={true} />}> xx </Menu.Item> <Menu.Item key="3" icon={<AntdIcon type="twitter" style={{ fontSize: 16 }} rev={true} />}> xx </Menu.Item> <Menu.Item key="4" icon={<AntdIcon type="cloud" style={{ fontSize: 16 }} rev={true} />}> awsblog </Menu.Item> <Menu.Item key="5" icon={<AntdIcon type="cloud-server" style={{ fontSize: 16 }} rev={true} />}> awsblogcn </Menu.Item> ``` 请注意,AntdIcon 组件的 type 属性接受字符串值,表示您要显示的图标类型。示例代码中使用的图标类型是示例代码中 Ant Design 提供的一些预定义图标类型。 |