title: Facebook login API for javascript not working
body: <p>Sorry for the bad indenting. This is the Facebook Login API. I am getting these errors in my javascript compiler...</p>
  
  <p>Invalid App Id: Must be a number or numeric string representing the application id."         all.js:53</p>
  
  <p>"FB.getLoginStatus() called before calling FB.init()." all.js:53</p>
  
  <p>Content Security Policy: Couldn't parse invalid source chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl</p>
  
  <p>Content Security Policy: Failed to parse unrecognized source chrome-</p>
  
  <p>extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl</p>
  
  <p>GET <a href="https://www.facebook.com/plugins/login_button.php" rel="nofollow">https://www.facebook.com/plugins/login_button.php</a> [HTTP/1.1 200 OK 1072ms]
      "fb:login_button failed to resize in 45s"   </p>
  
  <p>I have definitely have the correct URL and app_id, my url is <a href="http://myimprint.herokuapp.com/" rel="nofollow">http://myimprint.herokuapp.com/</a></p>
  
  <p>Please any help or direction...</p>
  
  <pre><code> &lt;html&gt;
  
  &lt;body&gt;
  &lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;
     window.fbAsyncInit = function() {
     FB.init({
     appId      : '{283742071785556}',
     channelUrl : 'http://myimprint.herokuapp.com/',
     status     : true, // check login status
     cookie     : true, // enable cookies to allow the server to access the session
     xfbml      : true  // parse XFBML
       });
  
    // Here we subscribe to the auth.authResponseChange JavaScript event. This event is         fired
   // for any authentication related change, such as login, logout or session refresh.   This means that
   // whenever someone who was previously logged out tries to log in again, the correct case below 
    // will be handled. 
        FB.Event.subscribe('auth.authResponseChange', function(response) {
     // Here we specify what we do with the response anytime this event occurs. 
        if (response.status === 'connected') {
       // The response object is returned with a status field that lets the app know the current
      // login status of the person. In this case, we're handling the situation where they 
      // have logged in to the app.
    testAPI();
  } else if (response.status === 'not_authorized') {
    // In this case, the person is logged into Facebook, but not into the app, so we call
    // FB.login() to prompt them to do so. 
    // In real-life usage, you wouldn't want to immediately prompt someone to login 
    // like this, for two reasons:
    // (1) JavaScript created popup windows are blocked by most browsers unless they 
    // result from direct interaction from people using the app (such as a mouse click)
    // (2) it is a bad experience to be continually prompted to login upon page load.
    FB.login();
  } else {
    // In this case, the person is not logged into Facebook, so we call the login() 
    // function to prompt them to do so. Note that at this stage there is no indication
    // of whether they are logged into the app. If they aren't then they'll see the Login
    // dialog right after they log in to Facebook. 
    // The same caveats as above apply to the FB.login() call here.
    FB.login();
            }
          });
        };
  
     // Load the SDK asynchronously
     (function(d){
       var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
       if (d.getElementById(id)) {return;}
       js = d.createElement('script'); js.id = id; js.async = true;
       js.src = "//connect.facebook.net/en_US/all.js";
       ref.parentNode.insertBefore(js, ref);
      }(document));
  
    // Here we run a very simple test of the Graph API after login is successful. 
    // This testAPI() function is only called in those cases. 
     function testAPI() {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
    console.log('Good to see you, ' + response.name + '.');
     });
    }
    &lt;/script&gt;
  </code></pre>
  
  
  
  <pre><code> &lt;fb:login-button show-faces="true" width="200" max-rows="1"&gt;&lt;/fb:login-button&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>