在我发布这个问题之前和 1 小时之后尝试了 5 个小时，我终于找到了原因。IntelliJ 自动导入material-ui/es了包的一些部分，这些部分设法完全打破了生产中的所有样式。混合两个导入位置或仅使用/es导入可能是问题所在。

对我来说，它现在已经在生产中修复了。

一种解决方法，

import {createGenerateClassName} from 'react-jss'
const generateClassName = createGenerateClassName()

<JssProvider generateClassName={generateClassName}>
  <App1 />
</JssProvider>

@kof 在 github 上对类似问题的评论

我有一个类似的问题。这是由开发和生产环境中样式表的不同顺序引起的，导致不必要的覆盖。在 dev env 中，创建的所有样式表makeStyles()都在所有 MUI 样式表之后注入，但在生产中它们是混合的。

解决方案：

添加一个选项：{ index: 1 }到所有makeStyles()调用，以便将这些工作表放在索引为 0（默认情况下）的 MUI 工作表之后。这个可选参数直接传递给底层 JSSjss.createStyleSheet()并规定注入顺序：

const useStyles = makeStyles(
  (...),         //  styles
  { index: 1 },  //  optional argument for JSS, to set position after MUI stylesheets
)

（之后：https : //stackoverflow.com/a/62646041/624597）