javascript - 未定義を返すfacebookjavascriptapi呼び出し

Question

Facebook用のjavascriptSDKで問題が発生しています。ドキュメントによると、自分の名前を返す単純なAPI呼び出しを実行しようとしています。「あなたの名前は」というアラートがポップアップ表示されますが、代わりに「あなたの名前は未定義です」というメッセージが表示されます。私は何かが足りないのですか？

php SDKは正常に機能しているので、アプリのセットアップに関するエラーではないことを私は知っています。私も現在アプリにログインしています。

<div id="fb-root"></div>
<script>
      window.fbAsyncInit = function() {
        FB.init({
          appId: '<app id>',
          cookie: true,
          xfbml: true,
          oauth: true
        });
        FB.Event.subscribe('auth.login', function(response) {
          window.location.reload();
        });
        FB.Event.subscribe('auth.logout', function(response) {
          window.location.reload();
        });

        FB.api('/me', function(response) {
          alert('Your name is ' + response.name);
        });
      };

      (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
      }());


</script>