【发布时间】：2020-07-02 15:39:06
【问题描述】：
我在使用“Tabs”组件时遇到问题：https://material-ui.com/components/tabs/ 其实本地开发的时候，组件的渲染是没问题的。但是推送到服务器，看起来很奇怪（栏两边的边框不同）。
而且：刷新嵌入的页面或者手动浏览到这个页面时，整个模板一下子坏掉了！
我尝试在本地生成一个构建文件夹并从该构建启动页面，但又遇到了同样的问题。
提前感谢您的帮助
【问题讨论】：
标签： material-ui
【发布时间】：2020-07-02 15:39:06
【问题描述】：
根据您的描述，我看到您的“构建”即使在本地开发中也不起作用。当然，这意味着它不应该在生产中起作用。 问题是，您实际的“构建”操作是什么？取决于您使用的库/框架，但基本上使用 Material-UI，最常见的问题来自在使用它的组件之前未加载一些 CSS。 请先阅读这里：https://material-ui.com/guides/server-rendering/#server-rendering 以防万一您使用 Gatsby，请在此处阅读：https://www.gatsbyjs.org/packages/gatsby-plugin-material-ui/。
我正在使用 Gatsby 并使用以下配置来修复一些 CSS 问题。
stylesProvider: {
injectFirst: true,
}
希望对您有所帮助。
【讨论】：