在npm模块中创建反应应用程序生产构建中断材料-ui v1.0.0组件

时间:2017-08-22 11:31:56

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

我正在使用nwb和material-ui v1.0.0-beta.5创建外部反应组件,将其链接到我的主包,该主包是使用带有npm start的create-react-app搭建的。如果我运行npm run build它会正确渲染并且一切正常,但如果我运行collectstatic,则大多数材质ui组件都会被渲染。 我明白了 enter image description here 而不是enter image description here

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分: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