TradingView集成时resolveSymbol方法被重复调用两次如何解决

问题原因 #

• 返回的标的解析结果不符合TradingView要求的字段规范，库判定第一次解析无效自动触发二次重试。最常见的疏漏包括name字段和请求的symbolName不一致、缺少timezone/pricescale/minmov/session等必填字段、时区或交易时段格式不符合官方规范。
• 没有做重复请求去重逻辑，图表初始化阶段多个内部模块同时调用resolveSymbol请求同一个标的，触发两次独立的网络请求。
• 缺少错误回调处理逻辑，请求异常时未主动调用onResolveErrorCallback，导致库超时后触发重试。

用户提供的请求截图如下：

原resolveSymbol实现代码：

Datafeed.Container.prototype.resolveSymbol = function (
    symbolName,
    onSymbolResolvedCallback,
    onResolveErrorCallback
  ) {
    this._send(
      datafeedUrl + this._symbolResolveURL,
      {
        symbol: symbolName ,
      },
      function (dataObj) {
          onSymbolResolvedCallback(dataObj);
      }
    );
  };

修复方案 #

1. 校验标的返回字段 #

首先确认接口返回的dataObj包含所有必填字段，且name字段值和入参symbolName完全匹配，时区必须用IANA标准格式（如Asia/Shanghai）、交易时段格式符合要求（如0930-1500）。

2. 新增请求缓存+并发去重+错误处理逻辑 #

修改后的代码如下：

// 给Datafeed新增缓存属性，实例初始化时会重置
Datafeed.Container.prototype._resolveCache = Object.create(null);

Datafeed.Container.prototype.resolveSymbol = function (
    symbolName,
    onSymbolResolvedCallback,
    onResolveErrorCallback
  ) {
    const cacheEntry = this._resolveCache[symbolName];
    // 已有缓存直接复用
    if (cacheEntry) {
      if (cacheEntry.status === 'resolved') {
        onSymbolResolvedCallback(cacheEntry.data);
      } else if (cacheEntry.status === 'pending') {
        // 请求还在处理中，把回调加入队列统一触发
        cacheEntry.callbacks.push({ onResolved: onSymbolResolvedCallback, onError: onResolveErrorCallback });
      }
      return;
    }

    // 初始化请求pending状态
    this._resolveCache[symbolName] = {
      status: 'pending',
      callbacks: [{ onResolved: onSymbolResolvedCallback, onError: onResolveErrorCallback }]
    };

    this._send(
      datafeedUrl + this._symbolResolveURL,
      { symbol: symbolName },
      (dataObj) => {
        // 校验symbol名称匹配，避免解析无效
        if (dataObj.name !== symbolName) {
          this._resolveCache[symbolName].callbacks.forEach(cb => cb.onError('Symbol name mismatch'));
          delete this._resolveCache[symbolName];
          return;
        }
        // 更新缓存状态为已完成
        this._resolveCache[symbolName] = {
          status: 'resolved',
          data: dataObj
        };
        // 触发所有等待中的成功回调
        this._resolveCache[symbolName].callbacks.forEach(cb => cb.onResolved(dataObj));
      },
      // 补全请求错误处理逻辑
      (err) => {
        this._resolveCache[symbolName].callbacks.forEach(cb => cb.onError(err || 'Resolve symbol failed'));
        delete this._resolveCache[symbolName];
      }
    );
  };

注：需根据你自己封装的_send方法的错误回调参数位置，对应调整错误处理函数的入参位置。

3. 额外排查项 #

如果修改后仍然触发两次调用，可在resolveSymbol入口打印调用栈，确认是否是上层业务逻辑重复触发了图表初始化操作。

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