一、問題描述

我們用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配置去掉。

轉載于此鏈接

總結

以上是生活随笔為你收集整理的Error: Module “xxx“ does not exist in container. / antd pro v5启用qiankun报错 / 同时使用mfsu和qiankun报错的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。