材质UI选项卡无法在服务器上正确呈现

时间:2020-07-02 15:39:06

标签: material-ui

我在使用“制表符”组件时遇到问题:https://material-ui.com/components/tabs/实际上,在本地开发时,组件的呈现很好。但是推送到服务器时,它看起来很奇怪(条形图的两边都有边框)。

此外:刷新嵌入页面或手动浏览到此页面时,整个模板突然被破坏了!

我尝试在本地生成一个构建文件夹并从该构建启动页面,然后回退到同一问题。

预先感谢您的帮助

1 个答案:

答案 0 :(得分:0)

从您的描述中,我看到您的“构建”即使在本地开发中也不起作用。当然,这意味着它不应该用于生产。 问题是,您实际的“构建”动作是什么?取决于您使用的是哪个库/框架,但是基本上从Material-UI来看,最常见的问题是在使用CSS组件之前未加载某些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,
}

希望获得帮助。