如何修復“未捕獲的ReferenceError：未定義FB”？

Question

在Google Chrome瀏覽器中運行此代碼時，出現以下錯誤：

未捕獲的ReferenceError ：未定義FB

我已經閱讀了關於同一錯誤的其他多個問題，但似乎沒有一個解決方案。

window.fbAsyncInit = function() {
  FB.init({
    appId : 'xxxxxxxxxxxxxxx',
    autoLogAppEvents : true,
    xfbml : true,
    version : 'v3.2'
  });
};

(function(d, s, id){
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) {return;}
   js = d.createElement(s); js.id = id;
   js.src = "https://connect.facebook.net/en_US/sdk.js";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

 FB.api(
   '/me',
   'GET',
   {"fields":"id,name,posts{picture,message,comments{likes}}"},
   function(response) {
       // Insert your code here
   }
 );

我希望Facebook API返回我選擇的字段。

我的代碼是Facebook文檔中顯示的代碼的副本。

Answer 1

在初始化JS SDK之前不能使用FB：

window.fbAsyncInit = function() {
  FB.init({
    appId : 'xxxxxxxxxxxxxxx',
    autoLogAppEvents : true,
    xfbml : true,
    version : 'v3.2'
  });

  FB.api(
   '/me',
   'GET',
   {"fields":"id,name,posts{picture,message,comments{likes}}"},
   function(response) {
       console.log(response);
   }
  );
};

(function(d, s, id){
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) {return;}
   js = d.createElement(s); js.id = id;
   js.src = "https://connect.facebook.net/en_US/sdk.js";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

順便說一句，未經用戶授權，此代碼將無法使用。 此處詳細說明了如何執行此操作： https ： //developers.facebook.com/docs/facebook-login/web/

docs中還有一個完整的示例： https : //developers.facebook.com/docs/facebook-login/web/#example