AntDesign Pro mfsu 导致的页面无法加载问题及解法

问题发生的背景

今天在使用 AntDesign Pro 写一个简单页面，引用了一个 ProTable 组件，当时访问没任何问题。第二天再次启动项目，发现页面无法访问了，错误如下：

Module “./@ant-design/pro-table” does not exist in container. while loading "./@ant-design/pro-table

对应到代码里，应该是这行出的问题

import ProTable from “@ant-design/pro-table”;

搜索一下答案

太阳底下没有新鲜事，我这个前端小白遇到的问题，其他人肯定早就遇到过，网上有人给出方案：

修改 config.ts 中 mfsu 的 mfName 的值，并特别说明了其默认值是 mf。

我看了下本地的 config.ts 中这块的配置，只有一个

mfsu: {
    strategy: 'normal',
},

于是，我加上了上面提到的 mfName，值为默认值 mf

mfsu: {
    mfName: 'mf',
    strategy: 'normal',
},

重启一下，果然奏效了

什么是 mfsu

问题虽然解决了，但是这个 mfsu 是个什么，我找到了如下文档：

https://v3.umijs.org/zh-CN/docs/mfsu

大概说的是，这是一种加速机制，应用热更新时对依赖就不用编译了，提升启动效率。