Facebookの社会的SIGIN-内のJavaScript SDKは、クロムやFF

Question

アップデート1で

をロードしません私はangular quickstartで開始し、唯一facebookのジャバスクリプトを追加した、しかし、それはロードされません：

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

---

私はangular 2アプリでログインを作成するためにFacebookのJavaScriptのAPIを使用しますが、次のように実行しています：

（簡略化のために省略さ）

index.htmlを

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

<script> 
    System.import('app').catch(function (err) {console.error(err);}); 
</script> 

私は次のスクリプトが正しくロードしていないように気づいクローム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 
} 
} 

私は次のようなことをやろうとしていますか？ as outlined here

(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')); 

Answer 1

他の人の利益のためにこれに答える....

これは、他のものの中でも、とりわけ「社会的サインイン」をブロックしていたプラグインです。

Answer 2

problem.followを解決するため、私はあなたのメインのHTML file.AlsoでFBの挿入スクリプトライブラリは、FBの開発者が提供するスクリプトは、あなたのコードに挿入されていることを確認して考える

リンクhttps://developers.facebook.com/docs/javascript/quickstart

Answer 3

あなたが行う必要があり、直接FB.initを実行しないでください：

declare var window:any; 

してからコンストラクタまたはngInit方法では、FB非同期メソッドを使用します。際のFacebook

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')); 

fbAsyncInitは自動的にトリガを取得sdkが読み込まれます。

はあなたがお使いのブラウザからファイルを達することができるかどうか Facebook quick start