如何安装兼容版本的React与Material UI以解决依赖漏洞问题？

问题根源 #

你遇到的npm audit循环问题，本质是最新版Material UI与create-react-app默认生成的React版本存在依赖冲突，强制修复会破坏依赖链，导致更多漏洞，回退又回到初始状态。解决核心是锁定双方兼容的稳定版本。

具体操作步骤 #

1. 创建兼容版本的React项目（新项目适用） #

直接使用指定版本的create-react-app生成项目，它默认依赖的React版本和后续安装的MUI完全兼容：

npx create-react-app@5.0.1 my-app
cd my-app

注：create-react-app 5.0.1默认安装React 18.2.0，这是目前和MUI兼容的稳定版本。

2. 安装匹配版本的Material UI #

安装经过验证的、与React 18.2.0兼容的MUI稳定版本：

npm install @mui/material@5.14.0 @mui/icons-material@5.14.0

3. 处理剩余漏洞（可选） #

完成上述安装后，执行npm audit查看剩余漏洞，若仅存在非严重漏洞，直接运行：

npm audit fix

此时不会再出现循环问题，因为依赖链已稳定。

已有项目的适配方案 #

如果是已存在的React项目，直接修改package.json中的依赖版本：

• 将react和react-dom的版本改为18.2.0
• 执行npm install更新React依赖
• 再执行上述安装指定版本MUI的命令

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