MaterialUI从V4升级至V5后adaptV4Theme()弃用警告的消除方法咨询

数据老陈

2026-4-28

解决Material UI V5中adaptV4Theme()已弃用的警告

嘿，咱们来搞定这个弃用警告问题！首先得明白为啥会出这个提示：adaptV4Theme()是Material UI在V5刚推出时，为了让V4的主题配置能无缝过渡到V5而做的兼容工具，现在官方已经停止维护这个方法了，所以咱们得把主题配置完全迁移到V5的原生写法上。

具体修改步骤

移除adaptV4Theme相关的导入和调用
- 首先把导入语句里的adaptV4Theme删掉，原来的：
```
import { adaptV4Theme, createTheme } from "@mui/material/styles";
```
  改成：
```
import { createTheme } from "@mui/material/styles";
```
- 然后把所有createTheme(adaptV4Theme({...}))的写法，直接改成createTheme({...})——也就是去掉外层的adaptV4Theme()包裹。
确认主题配置的兼容性
你的主题里的palette配置在V5里是完全兼容的，自定义的colors属性也可以直接保留，V5允许在主题里添加自定义字段。

修改后的代码示例（以`defaultTheme`为例）

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

export const defaultTheme = createTheme({
  palette: {
    primary: { main: "#006565" },
    secondary: { main: "#99CBCB" },
  },
  colors: {
    background: "#99CBCB",
    foreground: "#FFFFFF",
    highlight: "#006565",
    midground: "#DBEDED",
    textColor: "#ffffff",
    passColor: "#3bc55f",
    skipColor: "#D3D3D3",
    failColor: "#fd4747",
    pendingColor: "#fec540",
    lightPassColor: "rgb(212, 237, 218)",
    lightPendingColor: "rgb(255, 243, 205)",
    lightFailColor: "rgb(248, 215, 218)",
  },
});

其他主题（lightTheme、darkTheme等）都按照这个方式修改，去掉adaptV4Theme()的包裹即可。