title: Facebook SDK api calling issue when using with Jspm.io
body: <p>I am trying to use Jspm.io and Facebook SDK in my code. Here is how my index.html file looks like. When i try to call FB.api('/me') in main.js file, nothing happens.. I am able to call FB.getLoginStatus() though but there is no response or callback for FB.api function. Can anyone tell what the issue might be.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;HyPost&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
    &lt;script src="../jspm_packages/system.js"&gt;&lt;/script&gt;
    &lt;script src="config.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;
      // Load Facebook Script async
      (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 = "http://connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
  
      // When facebook SDK is loaded.
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '158281507845137',
          xfbml      : true,
          version    : 'v2.4',
          status     : true,
        });
        //Import Application
        System.import('./js/main');
      };
    &lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Main.js</p>
  
  <pre><code>import Backbone from 'backbone';
  import Marionette from 'marionette';
  
  // Create a New Marionete Application.
  let myApp= new Marionette.Application();
  
  myApp.on('before:start', function(opts) {
  
      // Print Login Status data.
      FB.getLoginStatus(function(res) {
          console.log(res);
      });
  
      // Not getting called.
      FB.api('/me', function(res) {
          console.log(res);
      });
  });
  
  myApp.start({});
  </code></pre>