React / WebPack - 延迟加载 - 随机 CSS 块加载错误

问：

我目前在我们的 React / Webpack 部署构建中遇到了问题。由于性能优化，我们正在尝试延迟导入不同的页面。

延迟导入组件/页面时，我收到随机的 CSS Chunk 加载错误。它真的很难复制，因为它似乎是随机出现的。在某些页面重新加载时，它会按预期加载块，有时我会遇到此错误。

我目前正在使用 react rewired 来覆盖 webpack 配置，如下所示：

module.exports = function override(config, env) {
    config.output = {
        ...config.output, // copy all settings
        filename: "static/js/[name].js",
        chunkFilename: "static/js/[name].chunk.js",
        publicPath: 'auto',
    };
    config.optimization = {
        ...config.optimization,
    }
    console.log(config);
    return config;
};

当我尝试访问另一个选项卡中的块文件时，我总是收到它，所以它必须在那里。

同样有趣的是，它总是CSS Chunk无法加载，JS Chunks没有问题。（或者只是加载了第一个块，而其他块将无法加载？

我尝试用懒惰和“自建”懒惰导入来懒惰地导入页面。（进口承诺）

在这两种情况下都会发生错误。

您有什么想法吗，导致此问题的原因是什么以及如何解决它？提前致谢