無法使用Material-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_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;

我究竟做錯了什么？

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",

我希望你會沒事的。