Question

我尝试遵循this question的答案，但出现错误。

TypeError: Object(...) is not a function
const theme = createMuiTheme();

我正在尝试使用<CssBaseline />来应用其默认样式。我怎么能够？这是我的App.js

import React, { Component } from 'react';
import CssBaseline from '@material-ui/core/CssBaseline';
import NavBar from './components/header/NavBar';
import {MuiThemeProvider, createMuiTheme} from 'material-ui/styles/MuiThemeProvider'
import Hero from './components/hero/Hero'
import './App.css';

const theme = createMuiTheme();

class App extends Component {
  render() {
    return (
      <MuiThemeProvider theme={theme}>
        <React.Fragment>
          <CssBaseline />
          <NavBar />
          <Hero/>
        </React.Fragment>
      </MuiThemeProvider>
    );
  }
}

export default App;

我在做什么错了？

Answer 1

createMuiTheme在material-ui/styles/MuiThemeProvider模块中不存在

它存在于core模块中。所以您应该这样导入它。

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

引用：https://material-ui.com/customization/themes/

无法使用CssBaseline

1 个答案: