错误：元素类型无效：期望使用字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象

Question

该模块以正确的方式导出时似乎出现问题，但是在导入时出现了上述错误。有人可以帮忙吗？任何事情都值得赞赏 这是模块的代码

    import React from "react";
    import { makeStyles } from "@material-ui/core/styles";
    import Typography from "material-ui/styles/typography";

    const useStyles = makeStyles(theme => ({
      maindiv: {
        float: 'left',
          },
     }));

    export default function Home() {
     console.log("inside the function");
     const classes = useStyles();
      return (
       <div className={classes.maindiv}>
         <Typography variant="h5">this is it</Typography>
       </div>
      );
    }

Answer 1

您的“版式”导入错误。 采用 从“ @ material-ui / core”导入{Typography}； 代替 从“ material-ui / styles / typography”导入版式；