Material UI 版本更新，报错Generic type 'StyleRulesCallback' requires between 2 and 3 type arguments. 解决办法

最新推荐文章于 2025-03-29 16:15:26 发布

原创

最新推荐文章于 2025-03-29 16:15:26 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#material UI #StyleRulesCallback #版本更新 #2 and 3 type arguments #react

在将Material UI从1.0更新到4.0后，遇到'Generic type 'StyleRulesCallback' requires between 2 and 3 type arguments.'的错误。解决方案是根据新版文档，修改导入的包和语法，如引入{ Theme, createStyles, makeStyles }，并使用makeStyles时传入(Theme)参数。" 79138146,7398693,Windows环境下编译Spark源码报错解决方案,"['Spark开发', 'Maven构建', 'Windows环境', 'Git Bash']

一. 问题描述

网上下载的前端dashboard，默认用的material UI 的版本是1.0，但是现在material UI都更新到4.0了。所以在package.json文件中更新版本后，之前的代码报错 Generic type 'StyleRulesCallback' requires between 2 and 3 type arguments.

二. 问题解决

使用material UI 1.0的时候，代码如下：

import { StyleRulesCallback } from '@material-ui/core';
import {
  defaultFont,
  grayColor,
  infoColor,
  primaryColor,
} from 'assets/jss/material-dashboard-react';

const tableStyle: StyleRulesCallback = theme => ({
  primaryTableHeader: {
    color: primaryColor,
  },
  infoTableHeader: {
    color: infoColor,
  },
  grayTableHeader: {
    color: grayColor,
  },
  table: {
    marginBottom: '0',
    width: '100%',
    maxWidth: '100%',
    backgroundColor: 'transparent',
    borderSpacing: '0',
    borderCollapse: 'collapse',
  },
  tableHeadCell: {
    color: 'inherit',
    ...defaultFont,
    fontSize: '1em',
  },
  tableCell: {
    ...defaultFont,
    lineHeight: '1.42857143',
    padding: '12px 8px',