我有一个现有的 react 项目，我想向其中添加 material-ui 库。所以我使用了命令npm install --save material-ui。但是当我运行它时，它显示错误。
这是错误详细信息-
无法解析“C:\Users{user}\demo2\src”中的“material-ui/Button”
这是存储库的链接
https://github.com/mui-org/material-ui
<Button variant="raised" color="primary">
Hello World
</Button>
对于将来面临同样问题的其他人：
// with npm
npm install @material-ui/core
// with yarn
yarn add @material-ui/core
Button您尝试使用的组件material-ui从v1仍处于测试阶段的Button开始导入。要使用它，您需要像这样安装它
npm install --save material-ui@next
然后你可以从 material-ui 导入 Button 作为
import Button from 'material-ui/Button';
检查其用法，如git 存储库的自述文件中所述
在目前稳定的版本，你必须使用的选项FlatButton，RaisedButton，FloatingActionButton和IconButton
@Shubham Khatri 的答案应该是公认的答案恕我直言。
但是，为了使用您安装的 Material UI 库，您应该按照 MUI 文档中的示例使用它：
import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';
const style = {
margin: 12,
};
const RaisedButtonExampleSimple = () => (
<div>
<RaisedButton label="Default" style={style} />
<RaisedButton label="Primary" primary={true} style={style} />
<RaisedButton label="Secondary" secondary={true} style={style} />
<RaisedButton label="Disabled" disabled={true} style={style} />
<br />
<br />
<RaisedButton label="Full width" fullWidth={true} />
</div>
);
export default RaisedButtonExampleSimple;
请记住，v1.x 版本的 MUI 不向后兼容 v0.x 版本。MUI 强烈建议在新项目中使用 v1.x，即使它处于测试阶段，因为从 v0.x 升级到 v1.x 所需的工作量远远超过 v1.x 到 v1.y（去过那里，完成了） ， 并且我同意）
下面的代码将解决这个问题。
安装 npm 包：
npm install @mui/material @emotion/react @emotion/styled
导入使用：
import Button from '@mui/material/Button';