未処理の拒否 (ChunkLoadError): チャンク mf-dep_vendors-node_modules_umi_node_modules_cor をロードしています

 umi Webpack のパッケージ設定は開発環境で有効になります。パッケージ化は、非開発環境でのみ有効になります。

config.tsx/umirc.tsでchainWebpackを設定する際に、この判定を追加 if (process.env.UMI_ENV !== 'dev')

  chainWebpack(config, { env, webpack, createCSSRule }) {
    if (process.env.UMI_ENV !== 'dev') {
      // 修改css输出目录
      config.plugin('extract-css').tap(() => [
        {
          filename: `css/[name].[contenthash:8].css`,
          chunkFilename: `css/[name].[contenthash:8].chunk.css`,
          ignoreOrder: true,
        },
      ]);
      //  修改js输出目录
      config.output
        // JS 文件名添加 hash 值
        // .filename('js/[name].[hash:8].js')
        //chunk.js 文件名添加
        .chunkFilename('js/[name].[hash:8].chunk.js')
        .end();
      /** 解析moment */
      config.plugin('AntdDayjsWebpackPlugin').use(AntdDayjsWebpackPlugin);
      // 开启gzip压缩
      config.plugin('compression-webpack-plugin').use(
        new CompressionWebpackPlugin({
          // filename: 文件名称,这里我们不设置,让它保持和未压缩的文件同一个名称
          algorithm: 'gzip', // 指定生成gzip格式
          test: new RegExp('\\.(' + prodGzipList.join('|') + ')$'), // 匹配哪些格式文件需要压缩
          threshold: 10240, //对超过10k的数据进行压缩
          minRatio: 0.6, // 压缩比例,值为0 ~ 1
        }),
      );
    }

おすすめ

転載: blog.csdn.net/weixin_46600931/article/details/130083819