Invalid version specified, facebook share plugin error-JavaScript中文网-JavaScript教程资源分享门户

在开发前端网站时，Facebook Share Plugin 是一个非常流行的选项，它允许用户分享内容到他们的 Facebook 帐户。但是，在使用该插件时，可能会遇到 "Invalid version specified" 错误，这个错误会阻止插件正常工作。

错误解释

当出现这种错误时，代表着您的代码中使用了 Facebook API 的一个错误版本。该插件只能使用特定版本的 API，如果您的代码与插件不兼容，则会出现该错误。

解决方法

为了解决这个错误，我们需要确保代码使用正确的 API 版本。首先，检查 your HTML 文件的头部是否包含以下代码：

<meta property="fb:app_id" content="YOUR_APP_ID" />
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/YOUR_LOCALE/sdk.js#xfbml=1&version=v12.0" nonce="YOUR_NONCE"></script>

其中，YOUR_APP_ID 应替换为你的 Facebook 应用程序 ID，YOUR_LOCALE 应替换为你的本地化设置（例如，en_US），而 YOUR_NONCE 则应替换为一个随机的字符串，以增强安全性。

接下来，确保您在调用 Facebook Share Plugin 时包括正确的 API 版本号（也就是v12.0）：

<div class="fb-share-button" data-href="YOUR_URL" data-layout="button_count" data-size="small">
  <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=YOUR_URL&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a>
</div>

最后，确保您的页面已经部署到公共 Web 服务器上。Facebook Share Plugin 只能在公共可访问网站上正常工作，本地测试环境可能无法正确加载 Facebook API。

示例代码

以下是完整的示例代码，它演示了如何正确调用 Facebook Share Plugin 并解决“Invalid version specified”错误。

-- -------------------- ---- -------
--------- -----
------
------
  ----- ----------------
  ----- -------------------- -----------------------
  ------- ----- ----- ----------------------- --------------------------------------------------------------------------- ----------------------------
-------
------
  ------ ------- ------------
  -------- --- ---- ---- ------------
  ---- ----------------------- ------------------------------------------- -------------------------- ------------------
    -- --------------- --------------------------------------------------------------------------------------------------------------- ---------------------------------------
  ------
-------
-------

在使用时，请将 YOUR_APP_ID，YOUR_LOCALE 和 YOUR_NONCE 替换为实际值，并将 data-href 替换为要分享的页面 URL。

结论

Facebook Share Plugin 是一个非常有用的工具，它可以帮助你的网站让更多人看到。但是，在使用该插件时可能会遇到 "Invalid version specified" 错误，这个错误通常是由于使用不兼容的 API 版本导致的。通过按照上述步骤检查您的代码，您应该能够解决这个问题并成功使用 Facebook Share Plugin。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/25527