[Bug] Umi V3.5.21 开启 fastRefresh: {}，Mac 热更新 css preload 未被更新为 stylesheet

[iceyao]

由于 preload 未被修改为 stylesheet，导致这两个页面样式没有被应用，相当于被移除了，页面布局错乱

环境：

1. Mac 15.3
2. Chrome 140.0.7339.133

[DouDouLeYi]

最近发现热更新不好使了

[gitHber]

同样，没有 umi更新版本也失效了，不确定是 umi bug 还是 chrome 问题

[laoxubuer]

同样遇到

[rgz0114]

+1

[KingGloose]

一样遇到这个问题了，目前试出2个方法 1、试着下一个低版本的谷歌浏览器 https://github.com/ulixee/chrome-versions/blob/main/versions.json 2、如题主说的，那就关闭 fastRefresh，添加 webpack5 的配置 // fastRefresh: {}, webpack5: { lazyCompilation: { // 关闭入口和动态模块的懒编译 entries: false, imports: false, }, },

[DouDouLeYi]

楼上说的降版本确实可以

[dengnidejijie]

+1最近遇到同样的问题，umi3集成了qiankun，主应用的热更新缓慢，并且热更新时样式会丢失，页面样式错乱，需要手动强制刷新

环境： Mac 15.0， windows同样复现 Chrome 140.0.7339.133（最近更新的）

[defolly]

我也遇到，配置了webpack5 会有这问题，没有配置的工程是正常的 刚跑起来是正常的 热更新之后，样式就丢掉了

[PFanz]

mini-css-extract-plugin 插件问题，内置版本过老 简单的解决办法，使用 [email protected] 版本:

1. 项目中安装 [email protected]
2. 修改 miniCSSExtractPluginPath 和 miniCSSExtractPluginLoaderPath 配置 api.modifyBundleConfigOpts((memo) => { memo.miniCSSExtractPluginPath = require.resolve('mini-css-extract-plugin'); memo.miniCSSExtractPluginLoaderPath = require.resolve( 'mini-css-extract-plugin/dist/loader', ); return memo; });

[abeixiaolu]

mini-css-extract-plugin 插件问题，内置版本过老 简单的解决办法，使用 [email protected] 版本:

1. 项目中安装 [email protected]
2. 修改 miniCSSExtractPluginPath 和 miniCSSExtractPluginLoaderPath 配置 api.modifyBundleConfigOpts((memo) => { memo.miniCSSExtractPluginPath = require.resolve('mini-css-extract-plugin'); memo.miniCSSExtractPluginLoaderPath = require.resolve( 'mini-css-extract-plugin/dist/loader', ); return memo; });

修好了。谢谢哥！