Facebook Javascript SDK Problem FB is not defined

Question

The following code  copied from the Facebook documentation here  is not working for me in Chrome    lt div id  fb-root  gt  lt  div gt   lt script src  http   connect facebook net en US all js  gt  lt  script gt   lt script gt    FB init     appId     YOUR APP ID     status   true     check login status   cookie   true     enable cookies to allow the server to access the session   xfbml    true     parse XFBML      lt  script gt    In the Javascript console I get   Uncaught ReferenceError  FB is not defined   I m not having any problems with the SDK in Firefox or Safari  just Chrome

User · Answer

Facebook prefers that you load their SDK asynchronously so that it doesn't block any other scripts that you need for your page but due to the iframe there's a chance that the console tries to call a method on the FB object before the FB object is completely created even though FB is only called in the fbAsyncInit function.
Try loading the javascript synchronously and you shouldn't get the error anymore. To do this you can copy and paste the code that Facebook provides and place it in an external .js file and then include that .js file in a <script> tag in the <head> of your page. If you must load their SDK asynchronously then check for FB to be created first before calling the init function.

User · Answer

So the issue is actually that you are not waiting for the init to complete  This will cause random results  Here is what I use   window fbAsyncInit   function          FB init   appId   your-app-id   cookie  true  xfbml  true  oauth  true                 here is my code         if  typeof facebookInit     function             facebookInit               function d       var js  id    facebook-jssdk   if  d getElementById id    return       js   d createElement  script    js id   id  js async   true      js src      connect facebook net en US all js       d getElementsByTagName  head   0  appendChild js     document        This will ensure that once everything is loaded  the function facebookInit is available and executed  That way you don t have to duplicate the init code every time you want to use it   function facebookInit           do what you would like here

User · Answer

I had a similar issue and it turned out to be Adblocker Pro  Be sure to check that this or other blocking extensions have been disabled  I lost around 1hr 30 mins due to this  Feel like such a noob

User · Answer

There is solution for you     You must run your script after window loaded  if you use jQuery  you can use simple way    lt div id  fb-root  gt  lt  div gt   lt script gt      window fbAsyncInit   function             FB init               appId         your-app-id               xfbml        true              status       true              version       v2 5                           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      connect facebook net en US sdk js           fjs parentNode insertBefore js  fjs         document   script    facebook-jssdk      lt  script gt    lt script gt    window  load function         var comment callback   function response            console log  comment callback            console log response             FB Event subscribe  comment create   comment callback       FB Event subscribe  comment remove   comment callback        lt  script gt

User · Answer

Try Asynchronous Loading  http   developers facebook com docs reference javascript fb init    lt div id  fb-root  gt  lt  div gt   lt script gt    window fbAsyncInit   function         FB init         appId     YOUR APP ID         status   true     check login status       cookie   true     enable cookies to allow the server to access the session       xfbml    true     parse XFBML                  function         var e   document createElement  script        e src   document location protocol      connect facebook net en US all js       e async   true      document getElementById  fb-root   appendChild e            lt  script gt

User · Answer

I had the same problem  The solutions was to use core js instead of debug core js

User · Answer

I had the same problem and I ve found the cause   I have avast  antivirus installed in my computer  and it asked me to install the update for chrome plugin  The new avast  plugin for chrome has the functionality to block ads and tracking  and  by default  it blocks the facebook access  I have solved my problem simply allowing facebook in the avast  chrome plugin for the website I needed   Since this question is very old  I think that some people might have the same cause as me  the new avast  chrome plugin

User · Answer

I had the same problem and the only solution I found was putting everything that used the FB statement inside the init script  I also used async loading  so the callback function is after everything that needs FB  I have a common page dinamycally loaded with php so many parts need different facebook functions controlled by php if statements which is making everything a bit messy  but is working   if I try taking any FB declaration out of the loading script  then firefox shows the  FB is not defined  message  Hope it helps in anything

User · Answer

I saw a case where Chrome had installed WidgetBlock which was blocking the Facebook script  The result was exactly this error message  Make sure you disable any extensions that may interfere

User · Answer

AdBlock blocks the facebook JS api scripts because it s related to facebook connect which is often annoying

User · Answer

This error will also appear if you omit the semicolon after the fbAsyncInit definition   window fbAsyncInit   function         FB init           appId   YOUR APP ID           status  true          cookie  true          xfbml  true               do stuff       lt -- semicolon required    Without the semicolon  the situation is the same as in this shorter example   var x   function          console log  This is never called  Or is it          bar      The function gets called  because without the semicolon the   bar   part is seen as a call to the function just defined

User · Answer

I had a very messy cody that loaded facebook s javascript via AJAX and i had to make sure that the js file has been completely loaded before calling FB init this seem to work for me       jQuery load  document location protocol      connect facebook net en US all js         function  obj            FB init              appId     YOUR APP ID              status   true     check login status            cookie   true     enable cookies to allow the server to access the session            xfbml    true     parse XFBML                       ANy other FB related javascript here             This code uses jquery to load the javascript and do the function callback onLoad of the javascript  it s a lot less messier than having creating an onLoad eventlistener for the  block which in the end didn t work very well on IE6  7 and 8

User · Answer

Have you set the appId property to your current application ID

User · Answer

If you re using JQuery  try putting FB withing Jquery call  e g     document  ready function        FB Event subscribe  auth login   function            alert  logged in                   that worked for me

User · Answer

Use a setTimeout  because sometimes the FB init takes some time to get declared  function testAPI          console log  Welcome   Fetching your information              FB api   me   function response             console log  Good to see you      response name                    function login         FB login function response            if  response authResponse                testAPI              else                  cancelled                     setTimeout function         login      2000

User · Answer

I encountered this problem too and what solved it has nothing to do with Facebook but the prior script I included that was in bad form   lt script type  text javascript  src  js my script js    gt    I changed it to   lt script type  text javascript  src  js my script js  gt  lt  script gt    And it works     Weew    hopefully my experience can help others stuck in this that has done almost about everything but still can t get it to work      Oh Boy

User · Answer

Not sure if you re still having this problem  but I just had the same problem  turned out I had an extension running that was blocking Facebook from all websites that is not Facebook  Disabled it  worked

User · Answer

Try to load your scripts in Head section  Moreover  it will be better if you define your scripts under some call like  document ready  if you defined these scripts in body section

User · Answer

To test Mattys suggestions about FB not finishing  I put an alert in the script   This cause a delay that I could control   Sure enough    it was a timing issue          document   ready function                 Wait            alert  Click ok to init            try               FB init                   appId            App ID                 status  true     check login status                 cookie  true     enable cookies to allow the server to access the session                 xfbml  true     parse XFBML                                   catch  err                txt    There was an error on this page  n n               txt     Error description      err message     n n               txt     Click OK to continue  n n               alert txt                     FB Event subscribe  auth statusChange   OnLogin

[javascript] Facebook Javascript SDK Problem: "FB is not defined"

Examples related to javascript

Examples related to google-chrome

Examples related to facebook

Examples related to facebook-javascript-sdk