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

文章目录

    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 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式