Material UI v5报TypeError: 无法读取undefined的'create'属性问题求助

API 探路者

2026-10-2

错误触发原因

核心问题为createTheme与ThemeProvider的导入来源错误：你当前从@mui/system导入的是MUI底层样式系统的轻量版本API，生成的主题对象缺少Material组件（如Button）依赖的完整默认配置字段，比如transitions对象，因此组件调用theme.transitions.create时会抛出undefined相关的类型错误。
补充说明：@mui/system的createTheme不会自动补全Material组件所需的所有默认属性，只有@mui/material/styles下的同名API才会生成包含过渡、阴影、断点等全量默认配置的主题对象，能适配所有@mui/material的组件。

解决方法

替换ThemeSetting.tsx中的导入语句，将错误导入：

import { createTheme, ThemeProvider } from "@mui/system";

修改为正确导入：

import { createTheme, ThemeProvider } from "@mui/material/styles";

如果你正在使用TypeScript，建议补充自定义主题字段的类型声明，避免后续出现类型报错。你可以在ThemeSetting.tsx顶部或者项目全局的.d.ts声明文件中添加如下代码：

declare module '@mui/material/styles' {
  interface Palette {
    navbar: string;
    tag: {
      red: string;
      pink: string;
      purple: string;
      blue: string;
      green: string;
    }
  }
  interface PaletteOptions {
    navbar?: string;
    tag?: {
      red?: string;
      pink?: string;
      purple?: string;
      blue?: string;
      green?: string;
    }
  }
}