gatsby material-ui FOUC页面加载

时间:2020-01-21 20:47:26

标签: reactjs material-ui gatsby styled-components netlify-cms

我正在用netlify-cms,material-ui和styled-components建立一个gatsby网站,但是遇到了一个主要问题。我的样式化组件工作正常,样式被提取到ssr生成的html中并可以使用主题。

但是不起作用的是material-ui中的所有样式。乍一看,没有从页面中提取jss样式,但是通过反复试验,我有了我要覆盖的样式以提取到html中。

现在剩下的,也是最重要的,就是提取MUI样式。

我尝试使用该插件,但是没有用。与mui repo中的示例相同,没有用。试图将material-ui和styled-components中的gatsby-srr和gatsby-browser文件合并到我自己的尝试调试中,没有用。

所以我的最后一招实际上是要求了解所有这些内容并希望能给我答案的人。

我已再次公开我的仓库,因此您可以检出https://github.com/gijsbotje/lef-groningen

您可以在https://lefgroningen.netlify.com/上查看该站点并亲自查看FOUC。通过netlify部署。如果禁用js,请重新加载页面并检查其头部是否包含完整的样式组件样式元素,但jss样式元素中仅包含用于.jss1的CSS。那应该具有页面上使用的所有mui样式。

希望有人可以帮助我,在此先感谢!

0 个答案:

没有答案