Antd Pro 无法修改图标,Module "./@ant-design/icons/xxx" does not exist in container

更新日期: 2022-04-27 阅读次数: 2991 字数: 213 分类: ReactJS

Antd Pro V5 的诡异问题不断,在新增了一个路由配置项,修改图标之后,导致报错。

之前的 V5 beta 版从来没有遇到这个问题,是最新的 V5 正式版新引入的问题。

新图标导致报错

{
    name: '配置项',
    icon: 'SettingOutlined',
    path: '/settings',
    component: './Settings',
    access: 'canAdmin',
},

报错信息:

Module "./@ant-design/icons/SettingOutlined" does not exist in container

解决方法

参考:

https://github.com/ant-design/ant-design-pro/issues/8857

禁用 mfsu。

打开文件 config/config.ts, 注释掉:

//mfsu: {},

就可以了。果然是正式版引入的 mfsu 导致的。

MFSU 是什么

mfsu(Module Federation Speed Up)

禁用后,会提示:

启动时间有点慢,试试新出的 MFSU 方案,1s+ 完成启动,详见 https://github.com/umijs/umi/issues/6766

节省这点时间,不够闹心的。

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式