Material-UI 和 gatsby 官方示例

Question

根据官方示例，我正在使用 gatsby 和材质 UI，我想知道是否必须将 withRoot 包装器添加到使用 MUI 的每个组件中，或者我是否可以只包装我想要使用的最高级别组件用户界面？

我在渲染和 IDK 如何追查原因时遇到问题。在 dev 中一切正常，但在 prod 中，<Grid> 对齐已关闭，并且在初始渲染时，没有应用任何样式。它们在第一次油漆后涂上一两秒钟。

我完全按照这个例子，只包装了我的全局布局组件。

Answer 1

我在开始使用 gatsby 2 (latest beta) 和 MaterialUI 时遇到了同样的问题。

After some research 我在 GitHub 上偶然发现了非常有用的 cmets。 I summarized my learnings（带有提到的 cmets 和解决方案的链接）在 GitHub 上的一个问题中。你可以找到他们here。

我希望这对您和其他人有所帮助。