__react_refresh_utils__.getModuleExports is not a function

[luanwulin]

umi3迁移过来，跑起来就会报错
下面是config配置

import { defineConfig } from 'umi';
import MonacoWebpackPlugin from 'monaco-editor-webpack-plugin';
import routes from './routes';

export default defineConfig({
  extraBabelPlugins: ['@babel/plugin-proposal-optional-chaining'],
  base: '/fe/amis',
  qiankun: {
    slave: {},
  },
  // 热更新加速方案 https://github.com/umijs/umi/issues/6766
  // mfsu: {},
  // 禁用掉默认的title生成规则，根据document.ejs生成
  title: false,
  publicPath: '/fe/amis/static/',
  outputPath: '/dist/static',
  // 动态加载
  dva: {
    // lazyLoad: true,
    // 启用 immer 以方便修改 reducer
    immer: {
      enableES5: true,
    },
  },
  routes,
  define: {
    BASE_URL: '/',
  },
  chainWebpack: (config) => {
    const fontsRule = config.module.rule('fonts');
    fontsRule.uses.clear();
    fontsRule
      .use('url-loader')
      .loader(require.resolve('../node_modules/url-loader'))
      .options({
        limit: 1024 * 1024 * 100,
        esModule: false,
        fallback: {
          loader: require.resolve('../node_modules/file-loader'),
          options: {
            name: 'static/[name].[hash:8].[ext]',
            esModule: false,
          },
        },
      })
      .end();

    config.plugin('monaco-editor').use(MonacoWebpackPlugin, [
      {
        filename: '[name].worker.js',
        languages: ['javascript'],
        publicPath: '/fe/amis',
      },
    ]);

    return config;
  },
});

访问就会出现报错

umi.js:1 Uncaught TypeError: __react_refresh_utils__.getModuleExports is not a function
    at ./mfsu-virtual-entry/umi.js (umi.js:1:1)
    at options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at startup:5:1
    at startup:5:1
    at webpackUniversalModuleDefinition (universalModuleDefinition:9:1)
    at universalModuleDefinition:10:1

[fz6m]

给一个复现 demo 看看。

[luanwulin]

已经解决了，之前为了base64，删除了fonts的loader规则，在umi4已经不适用了