开发者问题收集

无法解析“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