create react app production build 中断 npm 模块中的 material-ui v1.0.0 组件

Question

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

Answer 1

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

Answer 2

我遇到了类似的问题，后来发现是 class 冲突。实施 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

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 module

webpack

babeljs

material-ui

create-react-app