Question

我有一个使用Material UI（v4）的React应用。在我的开发环境中，一切正常。在生产中似乎没有应用样式。

我已经了解到，类名的生成在开发中与产品和潜在的冲突有所不同，但我不知道如何解决它。

我有一个js文件，看起来像：

import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
    someClass: {
        backgroundColor: 'red',
    },
});

export default useStyles;

然后我有多个使用该文件的tsx文件，例如：

const Example = (props: IExampleState) => {
    const styles = useStyles();

    return (
        <SomeMUIElement className={styles.someClass}>
            {some inner stuff}
        </SomeMUIElement>
    )
}

const mapStateToProps = (state: IExampleState) => {
    ...
}

export default connect(mapStateToProps)(Calls);

在生产中，这些样式都不会出现，在开发工具中，我可以看到也没有应用任何类名，也似乎没有错误。

我确定我缺少什么！

使用Material UI挂钩的React应用未在生产中显示样式

0 个答案: