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

我希望你会没事的。

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

1 个答案: