如果您从我的blog转到新浏览器以获取博客post,或者如果您只是直接打开下面的链接,它会以相同的方式显示以下错误,看似随机: 1)FB未定义 2)init没有使用有效版本调用
我已经查看了许多链接以解决此问题,包括: FB init function gives wrong version error FB not defined and prompts error FB is not defined Facebook comments load inconsistently with Angular Fullstack
我网站上的测试帖子:https://www.passcash.me/post/Test%20Post%202
这是一个Angular Fullstack项目,代码如下:
的index.html:
</head>
<body>
<div id="fb-root"></div>
<script>
(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#version=v2.5&appId=981622408578699&cookie=true&xfbml=true";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
我尝试了许多不同版本的js.src,如上所述 FB init function gives wrong version error 链路
post.html
<script>
FB.XFBML.parse();
</script>
<div class="fb-share-button" data-href={{webAddress}} data-layout="button_count"></div>
<div class="fb-comments" data-href={{webAddress}} data-width="100%" data-numposts="10"></div>
post.controller.js
if (typeof FB != 'undefined' && FB != null && typeof(FB) != undefined) {
angular.element(document).ready(function() {
FB.XFBML.parse();
});
} else {
console.log("FB is not defined", FB);
window.location.reload();
}
请随时慷慨解囊。如果你提供轻触,我可能会理解。是的,我怀疑我在两个地方都有FB.XFBML,但这是我可以在没有刷新屏幕的情况下获得评论的唯一方法,当你从博客内部发帖但不是在新的标签页或窗口中打开帖子。