安装react-export-excel遇Git连接超时错误，求解决及替代方案

一、解决Git连接超时的方案 #

从错误日志来看，问题源于react-export-excel依赖的securedeveloper/js-xlsx.git仓库通过SSH协议连接GitHub时，22端口出现超时。以下是可行的解决方法：

• 全局替换Git协议为HTTPS
  执行命令将所有GitHub的SSH请求自动转为HTTPS协议，绕开22端口限制：

  git config --global url."https://github.com/".insteadOf "git@github.com:"
  

  之后重新运行npm i react-export-excel即可。

• 强制替换依赖为npm官方包
  react-export-excel依赖的是第三方fork的js-xlsx，你可以直接强制它使用npm上的官方xlsx包，避免拉取Git仓库。在项目的package.json中添加以下配置（npm 7+支持）：

  "overrides": {
    "react-export-excel": {
      "js-xlsx": "xlsx@^0.18.5"
    }
  }
  

  保存后执行npm i即可。

• 清理Git代理设置
  如果本地开启了代理，可能导致Git连接异常，执行以下命令清理全局代理：

  git config --global --unset http.proxy
  git config --global --unset https.proxy
  

  之后重试安装。

二、低改动替代库推荐 #

如果上述方法无法解决，推荐使用react-export-to-excel，它的API设计和react-export-excel高度相似，能最大程度减少代码修改：

1. 安装替代库：

   npm i react-export-to-excel
   

2. 代码替换示例：
   原react-export-excel使用方式：

   import { ExportExcel } from 'react-export-excel';
   
   // 组件使用
   <ExportExcel
     data={yourData}
     fileName="exported-file"
     sheetName="Sheet1"
     buttonText="导出Excel"
   />
   

   替换为react-export-to-excel：

   import ExportExcel from 'react-export-to-excel';
   
   // 组件使用（参数基本兼容）
   <ExportExcel
     data={yourData}
     fileName="exported-file"
     sheetName="Sheet1"
     buttonText="导出Excel"
   />
   

   大部分场景下只需修改导入语句即可，参数无需大幅调整。

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