Netlify部署React项目遭遇依赖冲突问题求助

方案1：降级React到插件兼容版本 #

• 卸载当前React及ReactDOM：npm uninstall react react-dom
• 安装插件要求的兼容版本：npm install react@^16.8.5 react-dom@^16.8.5
• 本地测试构建：npm run build，确认无问题后重新部署到Netlify

方案2：添加npm强制解析参数跳过peer依赖检查 #

在构建命令中加入--legacy-peer-deps，两种实现方式：

• 修改项目package.json的build脚本："build": "gatsby build --legacy-peer-deps"
• 直接在Netlify后台构建设置中，将构建命令改为：npm run build --legacy-peer-deps

提示：此方法会忽略peer依赖冲突，可能导致运行时异常，务必先在本地测试验证

方案3：升级插件或更换替代方案 #

• 查看插件是否有支持React 17的新版本：npm show gatsby-plugin-transition-link versions
• 若存在兼容版本，直接升级：npm install gatsby-plugin-transition-link@latest
• 若插件无更新，可改用其他支持React 17的Gatsby过渡插件，或基于gatsby-plugin-image编写自定义过渡逻辑

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