Material ui 提供程序不适用

我今天刚开始学习。到目前为止，我无法将主题应用到我的react应用程序，我不明白为什么…我没有任何错误消息。我查看了material UI网站上的示例，结果似乎完全相同。。。欢迎提出任何意见：(

这是我的密码： index.js：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import 'fontsource-roboto';
import App from './App';
import {BrowserRouter} from 'react-router-dom';
import { ThemeProvider } from '@material-ui/core/styles';
import theme from './theme.js'

ReactDOM.render(
  <React.StrictMode>
      <BrowserRouter> 
        <ThemeProvider theme={theme}> 
          <App />
        </ThemeProvider>
      </BrowserRouter>
  </React.StrictMode>,
  document.getElementById('root')
);

谢谢你的时间和耐心，在我这方面，这一定是一个非常愚蠢的错误。你必须补充，没有它，有些风格是行不通的：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import {BrowserRouter} from 'react-router-dom';
import { ThemeProvider } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBaseline';
import theme from './theme.js'

ReactDOM.render(
  <React.StrictMode>
      <BrowserRouter> 
        <ThemeProvider theme={theme}> 
          <CssBaseline />
          <App />
        </ThemeProvider>
      </BrowserRouter>
  </React.StrictMode>,
  document.getElementById('root')
);

从“React”导入React；
从“react dom”导入react dom；
从“./App”导入应用程序；
从“react router dom”导入{BrowserRouter}；
从'@material ui/core/styles'导入{ThemeProvider}；
从“@material ui/core/CssBaseline”导入CssBaseline；
从“./theme.js”导入主题
ReactDOM.render(
,
document.getElementById（'root'））
);

键入：“深色”

应该在

主选项上方：

您能创建codesandbox示例吗？@Spatz好的，谢谢。我更改了它，但我没有注意到chance@Medi谢谢你的时间！谢谢你，斯帕茨，它成功了！我不明白为什么在材料界面的“主题化”页面上没有提到它：/

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import {BrowserRouter} from 'react-router-dom';
import { ThemeProvider } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBaseline';
import theme from './theme.js'

ReactDOM.render(
  <React.StrictMode>
      <BrowserRouter> 
        <ThemeProvider theme={theme}> 
          <CssBaseline />
          <App />
        </ThemeProvider>
      </BrowserRouter>
  </React.StrictMode>,
  document.getElementById('root')
);