React同构应用中redux-saga内存泄漏问题排查求助

你遇到的这类内存泄漏在同构React场景里很常见，核心原因大多是Saga任务上下文没做好隔离、请求结束后任务没彻底清理。结合你的分析和尝试，我给你几个具体的排查修复方向：

1. 确保每个请求的Saga任务被彻底取消 #

同构应用里，每个请求都要有独立的Saga任务生命周期，请求结束后必须完全取消所有关联任务，不然未终止的任务会死死攥住内存引用，GC根本收不走。

• 在Express请求处理函数里，启动root saga时保存任务引用，监听请求结束事件（finish/close）主动取消任务，还要等待取消完成：

  app.get('*', (req, res) => {
    // 为当前请求创建全新的store和saga middleware
    const store = createStore(...);
    const sagaMiddleware = createSagaMiddleware();
    const sagaTask = sagaMiddleware.run(rootSaga);
  
    // 请求结束时清理saga任务
    const cleanup = async () => {
      sagaTask.cancel();
      try {
        await sagaTask.done;
      } catch (e) {
        // 捕获取消异常（Saga的取消是通过抛出CancelError实现的）
      }
    };
    res.on('finish', cleanup);
    res.on('close', cleanup);
  
    // 后续SSR逻辑...
  });
  

• 检查你的root saga是否正确响应取消信号：用takeLatest/takeEvery这类内置effect会自动取消旧任务；如果是自定义长循环任务（比如while(true)），要通过take(ACTION)或race来监听取消：

  import { SagaCancellationException } from 'redux-saga';
  
  function* longRunningSaga() {
    try {
      while (true) {
        yield take(SOME_ACTION);
        // 业务逻辑
      }
    } catch (error) {
      if (error instanceof SagaCancellationException) {
        // 这里做资源清理，比如中止未完成的请求
      }
    }
  }
  

2. 彻底隔离每个请求的Store和Saga上下文 #

你尝试绑定到response上，但可能隔离得不够彻底：

• 绝对不要复用全局Store实例，每个请求都要创建全新的Redux Store，否则不同请求的state会互相污染，还会让旧store的引用一直留在内存里。
• createSagaMiddleware()也要为每个请求创建新实例，全局复用的话，middleware的上下文会残留之前请求的任务引用，直接导致泄漏。
• 所有和请求相关的对象（store、saga任务、middleware）都要绑定到当前请求的上下文（比如req/res），不要放在全局作用域里，请求结束后这些对象才会被GC正常回收。

3. 针对堆快照中的泄漏对象做定向排查 #

从你提到的updateState in system / Context、context in cancel()这类对象来看，重点查这两个点：

• 有没有全局订阅者没取消：比如用Redux的subscribe方法加了全局监听，请求结束后没移除，订阅函数会死死抓住store引用，导致整个store都收不走。
• 有没有未清理的异步操作：Saga里发起的API请求，如果没在任务取消时中止，Promise会持有上下文引用。可以用race effect结合取消信号来中止异步请求：

  function* fetchDataSaga() {
    try {
      const result = yield race({
        response: call(api.fetchData),
        cancel: take(CANCEL_REQUEST)
      });
      if (result.response) {
        yield put(SET_DATA(result.response));
      }
    } catch (e) {
      // 处理错误
    }
  }
  

4. 升级Redux-Saga到最新稳定版 #

一些旧版本的Redux-Saga存在已知的内存泄漏bug，比如任务取消时没正确清理上下文引用。升级到最新版大概率能解决这类遗留问题。

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