reactjs 无法解析“favicon.ico”

hlswsv35  于 2023-03-22  发布在  React
关注(0)|答案(5)|浏览(218)

我有一个现有的react项目,我想添加material-ui库。所以我使用了命令npm install --save material-ui。但当我运行它时,它显示错误。
以下是错误详细信息-
无法解析“C:\Users{user}\demo2\src”中的“material-ui/Button”
这里是repository的链接
https://github.com/mui-org/material-ui

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

z18hc3ub1#

对于未来面临同样问题的其他人:

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

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

ctzwtxfj2#

您尝试从material-ui使用的Button组件从v1开始导入为Button,该组件仍处于测试阶段。

npm install --save material-ui@next

然后可以从material-ui导入Button作为

import Button from 'material-ui/Button';

检查它的使用情况,如git存储库的自述文件中所述
在当前的稳定版本中,您可以选择使用FlatButtonRaisedButtonFloatingActionButtonIconButton

4dc9hkyq

4dc9hkyq3#

@Shubham Khatri的答案应该是公认的答案IMHO。
但是,为了使用您安装的材质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(去过那里,做过,我同意)

rkkpypqq

rkkpypqq4#

下面的代码将解决这个问题。
安装npm包:

npm install @mui/material @emotion/react @emotion/styled

导入使用:

import Button from '@mui/material/Button';
5fjcxozz

5fjcxozz5#

**未找到模块:错误:无法解析'@mui/material/button'**轻松修复。

导入:

import Button from '@mui/material/Button';

安装npm包涉及:

npm:

npm install @mui/material @emotion/react @emotion/styled

yarn:

yarn add @mui/material @emotion/react @emotion/styled

相关问题