You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.08 03:23:41