Facebook Login报错‘invalid version specified’：是Bug还是操作问题？

问题详情 #

控制台输出错误：

Uncaught b {message: 'invalid version specified', innerError: undefined}

使用v15.0版本（确认是最新版本），尝试移除版本号中的'v'后问题仍存在。

自定义引发错误的代码：

<script>
FB.init({
appId      : 'myappidisherebuthidden',
status     : true,
xfbml      : true,
version    : 'v15.0'
});

(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 = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

Facebook官方快速入门提供的代码片段：

<script>
window.fbAsyncInit = function() {
FB.init({
appId            : 'your-app-id',
autoLogAppEvents : true,
xfbml            : true,
version          : 'v15.0'
});
};
</script>
<script async defer crossorigin="anonymous" 
src="https://connect.facebook.net/en_US/sdk.js">    
</script>

问题原因 #

你代码的核心问题是执行顺序错误：在SDK脚本还未加载完成时就调用了FB.init()，此时FB对象尚未被SDK初始化，导致版本参数无法被正确解析，最终抛出版本无效的错误。

解决方案 #

必须遵循官方的异步加载逻辑，确保SDK加载完成后再初始化：

修正后的代码 #

<script>
window.fbAsyncInit = function() {
  FB.init({
    appId      : 'your-app-id',
    status     : true,
    xfbml      : true,
    version    : 'v15.0'
  });
};
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

关键注意点 #

• 必须将FB.init()放在window.fbAsyncInit回调函数内，该函数会在SDK加载完成后自动触发
• 版本号格式vX.X是正确规范，无需移除前缀'v'
• 确保你的App ID有效，且已在Facebook开发者后台配置了当前域名的白名单

内容的提问来源于stack exchange，提问作者Ant William