首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >material:模块‘material’没有导出成员withStyles

material:模块‘material’没有导出成员withStyles
EN

Stack Overflow用户
提问于 2018-03-31 23:18:38
回答 2查看 9.2K关注 0票数 2

嗨,我是新使用的材料-ui。我有问题时,使用材料-ui-下一个。

我做了一些研究,删除了软件包并重新安装了它们。但是,我仍然得到了与'withStyles‘相同的错误

摆弄桌子和/其他组件。

然而,我得到了这个错误:模块‘members ui/styles’没有导出成员'withStyles‘

代码语言:javascript
运行
复制
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 IconButton from 'material-ui/IconButton';
import MenuIcon from 'material-ui-icons/Menu';

const styles = {
  root: {
    flexGrow: 1,
  },
  flex: {
    flex: 1,
  },
  menuButton: {
    marginLeft: -12,
    marginRight: 20,
  },
};

function ButtonAppBar(props) {
  const { classes } = props;
  return (
    <div className={classes.root}>
      <AppBar position="static">
        <Toolbar>
          <IconButton className={classes.menuButton} color="inherit" aria-label="Menu">
            <MenuIcon />
          </IconButton>
          <Typography variant="title" color="inherit" className={classes.flex}>
            Title
          </Typography>
          <Button color="inherit">Login</Button>
        </Toolbar>
      </AppBar>
    </div>
  );
}

ButtonAppBar.propTypes = {
  classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(ButtonAppBar);

这是我的package.json:

代码语言:javascript
运行
复制
"dependencies": {
    "axios": "^0.18.0",
    "material-ui": "^1.0.0-beta.39",
    "material-ui-icons": "^1.0.0-beta.36",
    "material-ui-next": "^1.0.0-beta.39",
    "material-ui-next-types": "^1.0.0",
    "prop-types": "^15.6.0",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-ionicons": "^2.1.6",
    "react-redux": "^5.0.7",
    "react-scripts": "1.1.1",
    "react-tap-event-plugin": "^3.0.2",
    "redux": "^3.7.2"
  },

我以前使用的是原始版本的资料界面。不是材料-下一个。当我试图迁移时,我也收到了这个错误。我希望看看是否有人能指出我的正确方向和/或让我知道我做错了什么。

“元素类型无效:期望字符串(用于内置组件)或类/函数(用于复合组件),但得到:未定义。您可能忘记从定义在其中的文件导出组件,或者您可能混淆了默认导入和命名导入。”

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-04-01 00:46:17

您的package.json依赖关系应该如下所示:

代码语言:javascript
运行
复制
"dependencies": {
    "axios": "^0.18.0",
    "material-ui": "^1.0.0-beta.33",
    "material-ui-icons": "^1.0.0-beta.17",
    "prop-types": "^15.6.0",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-ionicons": "^2.1.6",
    "react-redux": "^5.0.7",
    "react-scripts": "1.1.1",
    "react-tap-event-plugin": "^3.0.2",
    "redux": "^3.7.2"
  }

我删除了包含next的材料ui包。

票数 -1
EN

Stack Overflow用户

发布于 2018-05-04 15:51:58

我有问题,但我的道路是错误的(使用Beta.44),我只是改变了

代码语言:javascript
运行
复制
import {StyleRules, withStyles, WithStyles} from 'material-ui/styles';

代码语言:javascript
运行
复制
import {StyleRules, withStyles, WithStyles} from 'material-ui/styles/index';

这是一个很好的资源https://medium.com/@liangchun/integrating-material-ui-next-with-your-react-typescript-project-80847f7eab64

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49593366

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档