我该如何在React + Material UI中解决此错误 [英] How can i resolve this error in React+Material UI
本文介绍了我该如何在React + Material UI中解决此错误的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
尝试在Mac和Ubuntu中运行应用程序时出现以下错误.但是它在Windows平台上运行时没有任何错误.我该如何解决. Material UI Beta版本(v1.0.0-beta.46)中是否有任何平台特定的代码.我已经使用了withStyles组件,它是材料ui的高阶组件.
I'm getting the following error while tried to run the application in Mac and Ubuntu. But it runs without any errors in Windows platform. How can i resolve this. Is there any platform specific code in Material UI beta version(v1.0.0-beta.46). I have used the withStyles component, which is an higher order component of material ui.
错误:
/node_modules/material-ui/styles/withStyles.js
Module not found: Can't resolve '@babel/runtime/core-js/map'
以下是我的代码
import React from 'react';
import PropTypes from 'prop-types';
import withStyles from 'material-ui/styles';
import AppBar from 'material-ui/AppBar';
import Toolbar from 'material-ui/Toolbar';
import Typography from 'material-ui/Typography';
import Button from 'material-ui/Button';
import Avatar from 'material-ui/Avatar';
import classNames from 'classnames';
import AppIcon from '../../assets/img/myAppIcon.png';
const styles = theme => ({
root: {
flexGrow: 1,
},
flex: {
flex: 1,
},
menuButton: {
marginLeft: -12,
marginRight: 20,
},
loginButton:{
alignContent: "flex-end"
},
avatar: {
margin: 10,
},
toolbar: {
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
padding: '0 8px',
...theme.mixins.toolbar,
},
content: {
flexGrow: 1,
backgroundColor: theme.palette.background.default,
padding: theme.spacing.unit * 3,
},
});
// Here is my functional component which renders the AppBar with login button at the right hand side.
function Layout(props) {
const { classes } = props;
return (
<div className={classes.root}>
<AppBar
position="absolute"
className={classNames(classes.appBar)}
>
<Toolbar>
<Avatar src={AppIcon} className={classes.avatar} />
<Typography variant="title" color="inherit" noWrap>
MyApp
</Typography>
<Typography variant="title" color="inherit" noWrap className={classes.flex} />
<Button color="inherit">Login</Button>
</Toolbar>
</AppBar>
<main className={classes.content}>
<div className={classes.toolbar} />
{props.children}
</main>
</div>
);
}
Layout.propTypes = {
classes: PropTypes.object.isRequired,
theme: PropTypes.object.isRequired,
};
//Here I'm getting an error on executing this
export default withStyles(styles, { withTheme: true })(Layout);
推荐答案
您可以使用它,它将起作用.
You Can use this, It will be working.
npm install @babel/runtime
这篇关于我该如何在React + Material UI中解决此错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文