Gatsby Styled Components 插件:window 未定义

Gatsby Styled Components plugin: window is not defined

我在 运行 npm run build 上的 Gatsby with Sanity 应用程序中收到以下错误:

 WebpackError: ReferenceError: window is not defined (from plugin: gatsby-plugi
  n-styled-components)

似乎是外部包 gatsby-plugin-styled-components 正在使用 window somewhere.I 已经尝试用这里描述的虚拟模块替换 https://www.gatsbyjs.com/docs/debugging-html-builds/#fixing-third-party-modules 除了我的样式组件然后不起作用,所以这不是解决方案。

也许我在不支持的地方使用了样式化的组件技术?我查看了不同的 gatsby/styled 组件示例回购,但找不到区别。

您可以在此处找到存储库:https://github.com/sanderdebr/sanity-gatsby-portfolio

这是因为您的项目或 gatsby-plugin-styled-components 正在使用某处 styled-components@5.2.2,这是使用 window.

的损坏版本

已在 SC Github 上跟踪该问题:https://github.com/styled-components/styled-components/issues/3444

我建议你更新到 styled-components@5.2.3