0

I tried to embed facebook post just like in the official doc. However, the post is not showing at all.

index.html

  <body>
    <div id="fb-root"></div>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v16.0" nonce="UOlW2bys"></script>

    <div id="app"></div>

    <script type="module" src="/src/main.js"></script>

  </body>

Home.vue

    <div class="wrapper h-400px w-400px">
      <div
        class="fb-post"
        data-href="https://www.facebook.com/20531316728/posts/10154009990506729/"
        data-width="500"
        data-show-text="true"
      >
        <blockquote
          cite="https://www.facebook.com/20531316728/posts/10154009990506729/"
          class="fb-xfbml-parse-ignore"
        >
          Posted by
          <a href="https://www.facebook.com/facebook/">Facebook</a>
          on&nbsp;<a
            href="https://www.facebook.com/20531316728/posts/10154009990506729/"
            >Thursday, 27 August 2015</a
          >
        </blockquote>
      </div>
    </div>

Other than that, I tried using the iframe and it is working however I would like to use SDK method.

I also tried with normal plain .html file and it is indeed working just fine. So maybe there are some adjustments that I need to make to Vuejs.

Super Thanks in advance.

Muhammad Najid
  • 63
  • 5
  • Does this answer your question? [facebook social plug-in not showing up when added dynamically](https://stackoverflow.com/questions/29133563/facebook-social-plug-in-not-showing-up-when-added-dynamically) – CBroe Feb 16 '23 at 07:25

0 Answers0