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

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

您的“排版”导入是错误的。 使用 import {Typography} from '@material-ui/core'; 而不是从“material-ui/styles/typography”导入排版；