一、問題描述

我們用antd pro v5搭建前端項(xiàng)目，啟用qiankun微前端模式，終端報(bào)錯(cuò)如下：

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

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

經(jīng)過排查，上述問題其實(shí)是因?yàn)轫?xiàng)目同時(shí)使用mfsu和qiankun導(dǎo)致的，而antd pro v5腳手架默認(rèn)是開啟mfsu功能的。

二、解決方案

方案一：

1、修改mfsu的mfName屬性配置

分別在主、子應(yīng)用的config.ts文件中設(shè)置不同的mfName值

mfsu: {mfName: 'xxx' // mfName:string。指定預(yù)編譯依賴的變量名，默認(rèn)為mf }

2、刪除src/.umi，再重啟項(xiàng)目即可

方案二：

關(guān)閉mfsu功能，在config.ts中把mfsu配置去掉。

轉(zhuǎn)載于此鏈接

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。