开发环境peerDependency正常，Netlify部署构建失败求助（React版本冲突）

针对你遇到的情况，这里有几个可行的解决办法：

1. 给Netlify的构建命令添加--legacy-peer-deps参数 #

本地开发时你用这个参数绕过了peer依赖检查，但Netlify默认执行npm install时不会带该参数，导致构建阶段报错。你可以直接调整构建命令：

• 进入Netlify项目的构建设置页面，将构建命令改为：

  npm install --legacy-peer-deps && npm run build
  

• 或者在项目的package.json里新增专门的部署脚本：

  "scripts": {
    "build": "react-scripts build",
    "build:netlify": "npm install --legacy-peer-deps && npm run build"
  }
  

  之后在Netlify中指定构建命令为npm run build:netlify即可。

2. 降级typewriter-effect到兼容React16的版本 #

typewriter-effect从2.19.0开始要求React17+，你可以回退到支持React16的旧版本（比如2.18.2）：

• 修改package.json里的依赖配置：

  "typewriter-effect": "^2.18.2"
  

• 重新执行npm install（该版本的peer依赖包含React16，无需额外参数），之后部署就不会出现依赖冲突了。

3. 使用npm的overrides强制统一依赖版本（npm 8.3.0+适用） #

如果不想降级包也不想每次加参数，可以在package.json里添加overrides字段，强制让typewriter-effect复用项目已有的React版本：

"overrides": {
  "typewriter-effect": {
    "react": "$react",
    "react-dom": "$react-dom"
  }
}

这个配置会让npm忽略typewriter-effect的peer依赖要求，直接使用你项目中安装的React和react-dom版本，之后Netlify执行常规的npm install && npm run build就能正常完成构建。

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