MUI5导入错误：'fade'未从@material-ui/core/styles导出如何解决

问题根因 #

你遇到的'fade' is not exported from '@material-ui/core/styles'报错由两个核心问题导致：

• 你保留了已经废弃的@material-ui/pickers@4.0.0-alpha.12依赖，该包内部仍沿用Material UI v4的导入规则，会从@material-ui/core/styles中查找早已移除的fade工具函数
• Material UI v5 beta版本已经将原v4的fade工具函数重命名为alpha，如果你自己的代码中有直接导入fade的逻辑也会触发报错

解决方案 #

按以下步骤操作即可解决：

1. 先卸载废弃和冗余的依赖

yarn remove @material-ui/pickers @date-io/moment

2. 升级日期工具适配包到符合MUI v5要求的版本

yarn add @date-io/date-fns@^2.11.0

3. 如果你自己的业务代码中有导入fade的逻辑，统一替换导入和调用：
   原导入代码：

import { fade } from '@material-ui/core/styles'

替换为：

import { alpha } from '@material-ui/core/styles'

代码中所有调用fade(xxx, xxx)的位置同步替换为alpha(xxx, xxx)，两个函数参数规则、功能完全一致，仅做了改名。
4. 清除缓存重新安装依赖启动项目

yarn cache clean && rm -rf node_modules yarn.lock && yarn install && yarn start

你当前的日期选择器组件调用代码不需要做额外调整，依赖问题修复后即可正常运行。

内容的提问来源于stack exchange，提问作者Rishad