未找到模块：无法在 React 中解析“@material-ui/core/RaisedButton”答案

【问题标题】：Module not found: Can't resolve '@material-ui/core/RaisedButton' in React未找到模块：无法在 React 中解析“@material-ui/core/RaisedButton”
【发布时间】：2019-07-10 01:08:39
【问题描述】：

我收到了错误

找不到模块：无法解析“C:\wamp64\www\multi-step-form\src\components”中的“@material-ui/core/RaisedButton”

我已经安装了@material-ui/core

我在这个文件中的导入是：

import React, { Component } from 'react';
import { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import TextField from '@material-ui/core/TextField';
import RaisedButton from '@material-ui/core/RaisedButton';

package.json 中的依赖如下：

 "dependencies": {
    "@material-ui/core": "^3.9.2",
    "normalize.css": "^8.0.0",
    "react": "^16.5.2",
    "react-dom": "^16.5.2",
    "react-scripts": "1.1.5"
  },

有人可以查吗？

【问题讨论】：

标签： javascript reactjs

【解决方案1】：

Material-UI 中没有RaisedButton 按钮组件。相反，只需导入 Button 并使用价值 contained 的道具 variant 来提升它。不要使用值 raised 的变体，因为它已被弃用，请使用 contained：

// ...
import Button from '@material-ui/core/Button';

// ...

<Button variant="contained">
  Default
</Button>

这里有一个example 正在使用中。

希望对您有所帮助！

【讨论】：

我正在使用有状态的类组件，如何获取 const { classes } = props;？
@Ivana 就像您在基于类的组件中访问任何其他道具一样。 const { classes } = this.props; 或 const classes = this.props.classes
我在几个小时前试过这样，但我收到错误 TypeError: Cannot read property 'button' of undefined
您应该使用您遇到的问题的工作示例创建一个新问题。这样，您将获得更好的支持，并且更容易排除故障。目前尚不清楚您是如何尝试在应用程序中使用这些道具的。