我在这里Webpack chunk styles and react.lazy遇到了类似的问题。
我正在使用react-懒惰的react-router来进行基于路由的代码拆分。我有一个称为Block的可重用组件,它使用cssmodules和两个页面(实际上是两个以上,但多数民众赞成在示例中)。它们都是延迟加载的,并且多次使用“阻止”。
在生产中,“块”中的样式似乎在“页面”的两个块中,所以当我最初加载PageA时,其各自的块也被加载。一切都很好。转到PageB也会导致其块被加载。现在,当回到PageA时,两个块都被加载,PageB中的样式将覆盖所有内容,从而破坏布局。
删除延迟导入可以解决问题,但不能解决问题。这是我的第一个React项目,但我确信至少在我的理解下,我可以正确地完成所有操作。
这里要说明的问题是进入几个页面并返回初始页面后,devtools的styles选项卡的屏幕截图。
感谢您的帮助:)