create react app production build 破坏了 npm 模块中的 material-ui v1.0.0 组件答案

【问题标题】：create react app production build breaks material-ui v1.0.0 components in npm modulecreate react app production build 破坏了 npm 模块中的 material-ui v1.0.0 组件
【发布时间】：2018-01-30 16:06:55
【问题描述】：

我正在使用 nwb 和 material-ui v1.0.0-beta.5 创建一个外部反应组件，将它与我的主包链接，该主包是用 npm link 的 create-react-app 搭建的。如果我运行npm start，它会正确渲染并且一切正常，但是如果我运行npm run build，大多数material-ui 组件都会被渲染得非常糟糕。
我明白了而不是这个

【问题讨论】：

标签： webpack babeljs material-ui create-react-app

【解决方案1】：

我遇到了类似的问题，结果证明是阶级冲突。实现 JssProvider 为我修复了它：

import JssProvider from 'react-jss/lib/JssProvider';
import { createGenerateClassName } from '@material-ui/core/styles';

const generateClassName = createGenerateClassName({
      dangerouslyUseGlobalCSS: false,
      productionPrefix: 'c',
});

然后你的应用标签与以下

<JssProvider generateClassName={generateClassName}>

请参阅以下内容：Github

【讨论】：

谢谢！我认为它已修复，因为在我们更新后它停止了，但如果它再次出现，这肯定会有所帮助。

【解决方案2】：

Material UI 的测试版存在一些问题。最近，他们发布了一个稳定版本。尝试删除对 beta 版本的所有依赖项。

【讨论】：