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

时间:2020-10-21 07:32:11

标签: reactjs create-react-app code-splitting

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

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

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

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

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

enter image description here

感谢您的帮助:)

0 个答案:

没有答案