reactjs - 使用 material-kit-react 部署 gatsbyv2 失败

Question

我的问题在于 Gatsby 的生产构建未能制作项目，该项目看起来和工作正常。

我的目标是使 material-kit-react 适应 Gatsbyv2 生成的项目。

在开发模式下完成项目

到目前为止一切顺利，我设法做到了这一切没问题，网站在我的计算机上看起来完全像它应该处于开发者模式，但是当我试图将它放在 Github 页面上时，需要执行 Gatsby 构建命令，并且当它执行时我出错出现在窗口对象周围，该对象未在构建时项目尝试运行的服务器上定义（或类似来源：https ://github.com/gatsbyjs/gatsby/issues/309 ）。我解决了所有这些错误，因为 Gatsby 员工建议使用 if 语句在窗口未定义时不使用它，它工作得很好，Gatsby 结束了它的 'gatsby build' 功能并自动将其发布到 Github Pages 多亏了“部署”：“ gatsby build --prefix-paths && gh-pages -d public""

部署之后，我的站点 项目在发布到 Github 页面后发生了一些奇怪的事情

我发现这可能是因为 css 随机类生成器在某处重叠，所以我将来自 @material-ui/core 的带有 generateRandomClassName 的 JssProvider 添加到新的布局组件中，它 kida 工作了 材料 ui 随机名称生成器

但效果远非预期： 添加随机类生成器后部署的项目

我试图找出这段代码有什么问题，但我还不了解 react 和 gatsby 中的所有内容，而且我没有任何想法。没有错误，没有 eslint 警告，无论如何，一切都崩溃了，对我来说没有明显的迹象。

这是源材料：https ://github.com/Thrajnor/Gatsby-material-ui/tree/master/landingpage

这里是构建后的部署页面：https ://thrajnor.github.io/Gatsby-material-ui/

对于发生的事情，我真的很感激帮助甚至是一点建议

标签： reactjswindowmaterial-uigithub-pagesgatsby