Google Tag Manager API 示例在控制台中抛出“Uncaught RangeError: Maximum call stack size exceeded”错误

Question

我从这个 Google Tag Manager API 文档中获取了“完整示例”的代码：

https://developers.google.com/tag-manager/api/v2/devguide#example

我将 TODO 更改为我的客户 ID，并更新了 ACCOUNT_PATH、CONTAINER_NAME 和 WORKSPACE_NAME，但是当我运行它时，我只是在控制台中看到一个空白页面。

我缺少哪些步骤？如果有影响的话，我也会在 localhost 上运行该文件。

Answer 1

这是因为第 47 行的 checkAuth() 函数在递归循环中调用自身。

我通过更改调用函数的名称来修复它-

function checkAuthVal(immediate) {
  var authorizeCheckPromise = new Promise((resolve) => {
    gapi.auth.authorize(
      { client_id: CLIENT_ID, scope: SCOPES.join(' '), immediate: immediate },
      resolve);
  });
  authorizeCheckPromise
      .then(handleAuthResult)
      .then(loadTagManagerApi)
      .then(runTagManagerExample)
      .catch(() => {
        console.log('You must authorize any access to the api.');
      });
}

/**
 * Check if current user has authorization for this application.
 */
function checkAuth() {
  checkAuthVal(true);
}

这行得通！