使用SSR无法收集Grommet组件的styled-components styleTags求助
问题:Grommet组件在SSR场景下无法被styled-components的ServerStyleSheet收集样式
我正在为支持客户端水合的服务端渲染(SSR)收集grommet.io页面的styleTags,按照styled-components官方文档的方案使用了ServerStyleSheet(),但遇到了异常:使用Grommet组件时无法收集到对应样式,但自定义的styled-components组件却能正常被收集。
我搭建了一个极简示例项目,核心的服务端渲染逻辑在renderer/_default.page.server.tsx文件中:原本应该在服务端收集样式并注入到documentHtml的<head>标签内,但通过代码console.log("Found styles: ", sheet.getStyleTags());可以看到,完全没有检测到任何Grommet相关的样式标签。
我推测这个问题和StackOverflow上一篇未解决的帖子情况一致:collectStyles无法从根App组件中收集styled-components的SSR样式。
希望有人能提供解决方案,感谢!
内容的提问来源于stack exchange,提问作者don
相关产品推荐
相关产品推荐

