无法解析“material-ui/Button”
2018-02-14
41791
我有一个现有的React项目,我想添加材料-UI库。因此,我已经使用了命令
npm安装-Save Material-UI
。但是当我运行它时,它会显示错误。
这是错误详细信息 -
361745105
这是repository
https://github.com/mui-org/material-ui
948729638
3个回答
对于将来遇到同样问题的人:
// with npm
npm install @material-ui/core
// with yarn
yarn add @material-ui/core
Yrineu Rodrigues
2019-12-23
您尝试从
material-ui
中使用的
Button
组件从
v1
开始作为按钮导入,该版本仍处于测试阶段。要使用它,您需要像这样安装它
npm install --save material-ui@next
然后您可以从material-ui导入按钮为
import Button from 'material-ui/Button';
检查其用法,如git存储库的 readme 中所述
在当前稳定版本中,您可以选择使用
FlatButton
,
RaisedButton
,
FloatingActionButton
和
IconButton
Shubham Khatri
2018-02-14
@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;
请记住,MUI 的 v1.x 版本不向后兼容 v0.x 版本。 MUI 强烈建议在新项目中使用 v1.x,即使它处于测试阶段,因为从 v0.x 升级到 v1.x 所需的工作量远远超过从 v1.x 升级到 v1.y(我经历过,也同意)
dauffret
2018-03-19