时间戳

首页 > 解决方案 > 执行 Material Ui 时出错

reactjs - 执行 Material Ui 时出错

问题描述

我在我的 React 中导入 materialui/core/Avatar，但出现如下错误：-

./src/@material-ui/core/styles/createPalette.js 第 196:511 行：'_formatMuiErrorMessage' 未定义 no-undef

我能做什么请建议

标签： reactjs

解决方案

你确定你安装了 material-ui/core 吗？

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

const useStyles = makeStyles((theme) => ({
  root: {
    display: "flex",
    "& > *": {
      margin: theme.spacing(1)
    }
  },
  remy: {
    background: "red",
    color: "blue"
  },
  travis: {
    background: "black"
  },
  cindy: {
    background: "green",
    color: "orangered"
  }
}));

export default function App() {
  const classes = useStyles();

  return (
    <div className={classes.root}>
      <Avatar
        alt="Remy Sharp"
        src="/static/images/avatar/1.jpg"
        className={classes.remy}
      />
      <Avatar
        alt="Travis Howard"
        src="/static/images/avatar/2.jpg"
        className={classes.travis}
      />
      <Avatar
        alt="Cindy Baker"
        src="/static/images/avatar/3.jpg"
        className={classes.cindy}
      />
    </div>
  );
}

按照这个代码发送框示例：

Codesendbox 示例

推荐阅读