Question

我有一个现有的反应项目，我想添加material-ui库。所以我使用了命令npm install --save material-ui。但是当我运行它时，它显示错误。

以下是错误详情 -

无法解决＆material-ui / Button＆＃39;在＆＃39; C：\ Users {user} \ demo2 \ src＆＃39;

以下是存储库

的链接

<Button variant="raised" color="primary">
  Hello World
</Button>

Answer 1

您尝试在Button中使用的material-ui组件从v1开始作为按钮导入，该按钮仍处于测试阶段。要使用它，您需要像

一样安装它

npm install --save material-ui@next

然后您可以从材料-ui导入Button

import Button from 'material-ui/Button';

检查git存储库的readme中提到的用法

在当前的稳定版本中，您可以选择使用FlatButton，RaisedButton，FloatingActionButton和IconButton

Answer 2

@Shubham Khatri的答案应该是恕我直言的答案。

但是，为了使用您安装的Material UI库，您应该像the MUI documentation中的示例一样使用它：

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（已经过了在那里，做到了，我同意）

Answer 3

对于将来遇到相同问题的其他人：

// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core

无法解决＆material-ui / Button＆＃39;

3 个答案: