javascript sdk中的Facebook社交sigin获胜'；t在铬或FF中加载

更新1

我从facebook开始，只添加了facebook的javascript，但它不会加载：

<script type="text/javascript" src="//connect.facebook.net/en_US/sdk.js"></script>

我注意到脚本似乎没有正确加载，以下是来自Chrome

devtools

：

角度2分量

declare const FB: any;

@Component({
  // usual suspects here
})
export class LoginComponent implements OnInit {
 constructor() {
  FB.init({
    appId: 'my-app-id',
    cookie: false,
    xfbml: true,
    version: 'v2.5'
  });    
 }

 ngOnInit(): void {    
    FB.getLoginStatus(response => {
      ....
    });
 }

 onSignin(socialMedia: string): void {
   FB.login(); // The errant line
 }
}

我应该做以下的事情吗

---

我认为在主html文件中插入fb的脚本库。还要确保fb开发人员提供的脚本插入到解决问题的代码中。为了他人的利益，请按照链接回答此问题

---

正是插件（除其他外）阻止了“社交登录”

不要直接运行FB.init，您应该执行以下操作：

declare var window:any;

然后在构造函数或ngInit方法中使用FB Async方法：

    window.fbAsyncInit = function() {
            FB.init({
              appId: appID,
              xfbml: 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.com/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));

FBAsyncint在加载facebook sdk时自动获取触发器

---

查看更多信息，请参见

能否确认是否可以从浏览器访问该文件？@Pengyy，该脚本不会加载到chrome或firefox中。我想我永远不会有机会这样说，但“它在微软的边缘工作”。我将更新我的问题。那么，在我的情况下，我当时面临着同样的问题，我注释掉代码FB.login，然后运行项目，删除注释，然后它对我来说工作正常尝试一下！！！是鬼魂阻止了脚本的加载。

declare var window:any;

    window.fbAsyncInit = function() {
            FB.init({
              appId: appID,
              xfbml: 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.com/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));