Error: Module “xxx“ does not exist in container. / antd pro v5启用qiankun报错 / 同时使用mfsu和qiankun报错

一、问题描述

我们用antd pro v5搭建前端项目，启用qiankun微前端模式，终端报错如下：

Uncaught (in promise) Error: Module “xxx” does not exist in container.

while loading “xxx” from webpack/container/reference/mf

经过排查，上述问题其实是因为项目同时使用mfsu和qiankun导致的，而antd pro v5脚手架默认是开启mfsu功能的。

二、解决方案

方案一：

1、修改mfsu的mfName属性配置

分别在主、子应用的config.ts文件中设置不同的mfName值

mfsu: {mfName: 'xxx' // mfName:string。指定预编译依赖的变量名，默认为mf}

2、删除src/.umi，再重启项目即可

方案二：

关闭mfsu功能，在config.ts中把mfsu配置去掉。