Node.js 20.9.0下安装最新React+MUI 5时依赖冲突求助

问题根源 #

@mui/core@5.0.0-alpha.54是MUI v5早期的测试版本，现已被废弃，其功能已完全整合到@mui/material中。该旧版本仅支持React 17.x，与你当前项目的React 18.2.0版本不兼容，因此触发了依赖冲突。

解决步骤 #

• 直接安装兼容的包：去掉@mui/core，执行以下命令安装所需的其他MUI包：

  npm install @mui/base @mui/icons-material @mui/styles
  

• 若已错误安装@mui/core：先卸载该废弃包，再重新安装其他所需包：

  npm uninstall @mui/core
  npm install @mui/base @mui/icons-material @mui/styles
  

补充说明 #

MUI v5的官方包体系中，@mui/core不再作为独立包维护，无需单独安装。@mui/material已包含原@mui/core的核心组件能力，搭配@mui/base（无样式的基础组件）、@mui/icons-material（图标库）、@mui/styles（样式工具）即可满足开发需求，这些包均与React 18.x完全兼容。

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