javascript - 材质 UI/React 错误

Question

我安装了 Material UI，并尝试将其导入我的 React 项目。它显示“找不到模块：无法解析'material-ui/core/Button”

如何从 node_modules 导入它？

import React, { Component } from 'react';
import MuiThemeProvider from '@material-ui/styles/MuiThemeProvider';
import Button from '@material-ui/core/Button';

import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <MuiThemeProvider>
      <div className="App">
      <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h2>Welcome to React</h2>
          </div>
          <p>
            Edit <code>src/App.js</code> and save to reload.
          </p>
          <Button variant ="contained" label = "Material UI" />
      </div>
      </MuiThemeProvider>
    );
  }
}

export default App;

标签： javascriptreactjsmaterial-ui

Answer 1

import { Button } from "@material-ui/core";

尝试这个。