实质性的UI + SSR +不匹配类

时间:2018-09-14 22:29:07

标签: reactjs material-ui ssr

在进行项目开发时,我们决定切换到webpack4。一旦我们集成了用于代码拆分的优化,我们就感到惊讶的是如何提高捆绑包的大小。

一切都很好,直到我们建立了生产基地。我们确实从Material-ui文档中复制了1/1。一旦我们进行生产构建,我们的应用程序将被完全破坏。

经过几个小时的调查,我们注意到带有样式的服务器端渲染完全正确,但是当客户端渲染进入时,样式就消失了。

看起来像嵌套嵌套的组件一起使用会破坏我们的应用程序。我想分享一些代码,但是此应用程序级别太多了。

有人也遇到过这个问题吗?如果是这样,您如何解决?为什么应用JssProvider并从server-style-id标记中删除样式会破坏所有内容?我可以想象,样式因缺少类名而迷失了,为什么它们消失了?是否有任何有关改写样式的坏习惯的文章?我花了两天的时间解决了所有问题,但我发现,这不是生产服务器端的问题,而是客户端。

我的堆栈是webpack 4,material-ui 3.0.3,babel-loader 8,react 16。

1 个答案:

答案 0 :(得分:0)

更新您的Material UI包。 v3.0.3的an issue导致渲染多个(如SSR)时类名不匹配。