MUI V5项目安装@mui/x-date-pickers时依赖冲突求助

方案一：升级冲突依赖包（推荐） #

项目中@emotion/react 11.7.1与@mui/x-date-pickers要求的^11.9.0属于同大版本差异，兼容性风险低，直接升级相关依赖即可：

• 升级@emotion相关依赖到符合要求的版本：

npm install @emotion/react@^11.9.0 @emotion/styled@^11.9.0

• 安装缺失的peer依赖：

npm install @mui/base @mui/system

• 安装@mui/x-date-pickers及适配你项目中date-fns的适配器：

npm install @mui/x-date-pickers @mui/x-date-pickers-date-fns

方案二：安装兼容现有依赖的日期选择器版本 #

若不愿升级现有依赖，可选择对@emotion/react版本要求更低的@mui/x-date-pickers旧版本（如5.x系列）：

npm install @mui/x-date-pickers@^5.0.0 @mui/x-date-pickers-date-fns@^5.0.0

此方案无需修改现有依赖，但无法使用新版本日期选择器的功能。

方案三：强制绕过依赖校验（临时应急） #

使用npm的--legacy-peer-deps参数强制跳过依赖冲突校验，之后手动补全缺失的peer依赖：

npm install @mui/x-date-pickers --legacy-peer-deps
npm install @mui/base @mui/system

⚠️ 注意：此方案可能引发未知的组件兼容性问题，仅适合临时测试场景，不推荐长期使用。

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