javascript - Facebook 登录获取错误。 "Cannot read property ' id'未定义”

Question

我正在尝试将从 facebook 登录收到的数据获取到我的后端服务器，但我陷入了调试此错误的困境，而且我似乎无法弄清楚。

如果有人能帮助我，那就太好了，提前致谢。

这是我的按钮功能:

 facebookSignin() {
    FBLoginManager.loginWithPermissions(['public_profile', 'email'], (error, data) => {
      if (error) {
        console.log(error);
      }
      let profile;
      try {
        profile = JSON.parse(data.profile);
        console.log(data.profile);
      } catch (error) {
        console.log(error);
      }

      /* signin on server with token */
      return fetch(`http://${this.serverHost}/users/signin/provider`, {
        method: 'POST',
        headers: new Headers({ 'Content-Type': 'application/json' }),
        body: JSON.stringify({
          provider: 'facebook',
          id: profile.id,
          email: profile.email,
          name: profile.name,
          token: data.credentials.token
        })
      })
        .then(data => data.json())
        .then(data => {
          /* get user data and auth token from server */
          console.log(data);
        });
    });
  }

我收到错误:

“无法读取未定义的属性'id'”

Answer 1

您解析 try block 中的数据，但尝试访问其外部的 person 数据。

如果您通过 JSON.parse 收到错误，则变量 persons 仍将是 未定义。当您尝试读取它的 id 属性时，您会收到错误“无法读取未定义的属性'id'”。

将 fetch 代码块放在 JSON.parse 之后的 try 内；