在CRA中与cssmodules一起使用react lazy会导致块在生产中具有重复的css

问题描述

我在这里Webpack chunk styles and react.lazy遇到了类似的问题。

我正在使用react-懒惰的react-router来进行基于路由的代码拆分。我有一个称为Block的可重用组件，它使用cssmodules和两个页面（实际上是两个以上，但多数民众赞成在示例中）。它们都是延迟加载的，并且多次使用“阻止”。

在生产中，“块”中的样式似乎在“页面”的两个块中，所以当我最初加载PageA时，其各自的块也被加载。一切都很好。转到PageB也会导致其块被加载。现在，当回到PageA时，两个块都被加载，PageB中的样式将覆盖所有内容，从而破坏布局。

删除延迟导入可以解决问题，但不能解决问题。这是我的第一个React项目，但我确信至少在我的理解下，我可以正确地完成所有操作。

这里要说明的问题是进入几个页面并返回初始页面后，devtools的styles选项卡的屏幕截图。

感谢您的帮助：）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）