如何解决React应用部署到GitHub时执行npm run deploy报错的问题

修复npm run deploy报错的操作步骤 #

• 第一步：校验远程仓库关联状态
  执行git remote -v查看本地项目绑定的远程仓库地址，确认和你GitHub上的react-test仓库地址一致，如果地址错误执行以下命令修改：

  git remote set-url origin https://github.com/soninamrata/react-test.git
  

• 第二步：修正package.json的homepage字段
  你当前配置的homepage使用http协议，GitHub Pages现已全面默认使用https协议，将对应字段改为：

  "homepage": "https://soninamrata.github.io/react-test"
  

• 第三步：处理版本兼容问题
  你安装的gh-pages@3.2.3和Node.js 16及以上版本存在兼容性问题，二选一操作即可：
  • 把本地Node.js版本切换到14.x
  • 升级gh-pages到最新正式版：

    npm install gh-pages@latest --save-dev
    

• 第四步：清理缓存重新执行部署
  依次执行以下命令：

  rm -rf build
  rm -rf node_modules/.cache/gh-pages
  npm install
  npm run deploy
  

• 可选：解决权限验证报错
  如果执行部署时提示身份验证失败，不要输入GitHub账号密码，需要到GitHub后台生成个人访问令牌（PAT）作为密码输入，或者直接将远程仓库关联方式切换为SSH协议。

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