首页 > 解决方案 > 背景颜色 CssBaseline 材质 ui 在生产中不起作用(heroku)

问题描述

我一直在使用 react 和 material ui 库,并且我有这个 App.js 组件包装了我的应用程序的其余部分。主题在生产和本地工作正常,但背景颜色在本地工作,但在生产中不工作。我想知道我是否遗漏了一些我需要考虑生产的东西。生产中的背景颜色只是白色。我尝试了不同的颜色,但它不起作用。

这是我的 App.js 代码

import React from 'react'
import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
import { CssBaseline } from '@material-ui/core';

const theme = createMuiTheme({
    palette: {
        background:{
            default: 'red',
        },
        primary: {
            main: '#003520',
            contrastText: '#fff',
        },
        secondary: {
            main: '#58585A',
            contrastText: '#fff',
        },
        typography: {
            fontSize: 8,
        },
    },
});

class App extends React.Component{
    render(){
        return(
            <ThemeProvider theme={theme}>
                <CssBaseline />
                ....
            </ThemeProvider >
        )
     }
}

标签: reactjsherokumaterial-ui

解决方案


推荐阅读