无法使用材质 UI 进行编译：找不到模块：无法解析'@babel/runtime/core-js/object/get-prototype-of'

Question

我正在尝试从Material-UI为我的项目使用CssBaseline组件，但是自从试图弄清楚如何让它工作以来，我遇到了这个错误：

./node_modules/material-ui/styles/MuiThemeProvider.js
Module not found: Can't resolve '@babel/runtime/core-js/object/get-prototype-of' in '.node_modulesmaterial-uistyles'

这是我的包.json

  "dependencies": {
    "@material-ui/core": "^3.7.1",
    "@material-ui/icons": "^3.0.1",
    "@material-ui/styles": "^3.0.0-alpha.4",
    "material-ui": "^1.0.0-beta.47",
    "react": "^16.7.0",
    "react-dom": "^16.7.0",
    "react-scripts": "2.1.1"
  }

这是应用程序.js

import React, { Component } from 'react';
import CssBaseline from '@material-ui/core/CssBaseline';
import NavBar from './components/header/NavBar';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'
import { createMuiTheme } from '@material-ui/core/styles';
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

替换以下两行：

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

跟：

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

，然后删除以下依赖项：

"@material-ui/styles": "^3.0.0-alpha.4",
"material-ui": "^1.0.0-beta.47",

我希望你会没事的。