如何在TypeScript类中使用exec创建子进程解决exec不是函数报错

child_process是Node.js 原生服务端模块，仅能在 Node.js 运行环境中执行，你当前是在浏览器端运行的 React 前端代码，浏览器环境没有提供这个模块的实现，同时浏览器安全沙箱也禁止前端代码直接调用本地系统命令行，所以引入后exec为undefined，调用时就会抛出TypeError: exec is not a function错误。

• 方案1：前端 + 后端服务架构 #

  把Git操作逻辑放到后端Node.js服务中实现，前端点击按钮时只发HTTP请求调用后端接口，由后端执行exec相关的Git命令操作：

  1. 后端Node.js服务侧保留你写的GitlabRepo类逻辑，TS环境下可以用更规范的ESModule导入，也可以选择promise版本的exec方法更适配异步处理：

  import { execFile } from "child_process/promises";
  
  export class GitlabRepo {
      async clone(repoUrl: string) {
          console.log("开始克隆仓库");
          try {
              const { stdout } = await execFile("git", ["clone", repoUrl]);
              console.log("克隆结果：", stdout);
          } catch (err) {
              console.error("克隆失败：", (err as Error).message);
          }
      }
      // commit、push方法实现逻辑同理
  }
  

  2. 后端暴露对应接口（比如POST /api/git/clone），前端点击按钮时调用该接口即可。

• 方案2：Electron桌面端架构 #

  如果你要做的是桌面端应用，可以用Electron框架，Electron的主进程是完整的Node.js环境，可以直接调用child_process模块，前端渲染进程通过IPC通信通知主进程执行Git操作即可。

• 方案3：直接调用GitLab OpenAPI #

  不需要本地执行git命令，直接调用GitLab官方提供的开放接口完成MR创建、代码提交等操作，不需要依赖本地git环境，适配性更强，核心操作可以直接调用对应接口：

  • 创建MR：调用POST /projects/:id/merge_requests接口
  • 提交文件：调用POST /projects/:id/repository/commits接口

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