材质ui不会为SSR第一次呈现插入jss样式,而仅在客户端(v4)这样做

时间:2019-11-09 06:03:09

标签: reactjs material-ui jss

我已经从v3迁移到v4实质性ui版本。我的应用程序是同构的,首先使用SSR进行渲染,然后在客户端上渲染页面。我已经按照https://material-ui.com/guides/server-rendering/的说明配置了SSR,但是我看到了什么:

SSR头

enter image description here

企业社会责任负责人

enter image description here

我在这里显示什么?我展示了在客户端渲染上可以看到我使用makeStyles创建的样式,但是在SSR上我看不到这些样式,这不是注入的样式。这是我的CSR代码:

enter image description here

并正确使用SSR:

enter image description here

并且我也以这种方式将其注入到html中:

const materialCss = sheets.toString()
<style id="jss-server-side">${materialCss}</style>

我不太了解我在这里做错了什么。请告诉我您是否需要更多信息。我会附上它。

0 个答案:

没有答案