CSSbaseline组件应在Material UI
ThemeProvider组件内使用。在您的示例中，您没有包含ThemeProvider，因此没有Material UI主题。
有关如何设置ThemeProvider的信息，请参见官方文档：https : //material-
ui.com/customization/themes/#muithemeprovider
根据此样本，使用CSSbaseline的最小工作示例为：
import React from 'react';import { render } from 'react-dom';import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';import Cssbaseline from "@material-ui/core/Cssbaseline";import Root from './Root';const theme = createMuiTheme();function App() { return ( <MuiThemeProvider theme={theme}> <React.Fragment> <Cssbaseline /> <Root /> </React.Fragment> </MuiThemeProvider> );}render(<App />, document.querySelector('#app'));要加载Roboto字体，请将其添加到html模板中
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
有关更完整的示例，请查看此官方示例的源代码：https : //github.com/mui-
org/material-ui/tree/master/examples/create-react-
app/src
- public / index.html：加载roboto字体
- src / withRoot.js：ThemeProvider和CSSbaseline设置
- src / pages / index.js：应用了MUI主题的示例组件
