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

【问题标题】：Unable to compile using Material-UI: Module not found: Can't resolve '@babel/runtime/core-js/object/get-prototype-of'无法使用 Material-UI 进行编译：找不到模块：无法解析 '@babel/runtime/core-js/object/get-prototype-of'
【发布时间】：2019-05-24 10:41:30
【问题描述】：

我正在尝试从 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_modules\material-ui\styles'

这是我的 package.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"
  }

这里是 App.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;

我做错了什么？

【问题讨论】：

标签： reactjs material-ui node-modules

【解决方案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",

我希望你会没事的。

【讨论】：