WebAppでPhoneGap-Facebook-Plugin、JSエラー

Question

イオン性のモバイルアプリケーションを構築していて、 phonegap-facebook-plugin Facebookでログインします。私はAndroidとiOSの両方にプラグインをインストールすることができ、それは機能します。しかし、Webアプリケーションに使用しようとしている間、私はそれを働かせる困難をしています。私のセットアップを概説してからエラーの概要：

login.html

<div id="fb-root"></div>
<div class="event listening button" ng-click="login();">Login with Facebook</div>

.

app.js

angular.module('app', ['ionic', 'app.controllers', 'app.services'])

.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider

    //First page
    .state('login', {
      url: '/login',
      templateUrl: 'templates/login.html',
      controller: 'LoginCtrl'
    });

.

controllers.js

angular.module('app.controllers', [])

.controller('LoginCtrl', function($scope){

    $scope.login = function () {
        if (!window.cordova) {
            var appId = prompt("Enter FB Application ID", "");
            facebookConnectPlugin.browserInit(appId);
        }
        facebookConnectPlugin.login( ["email"], 
            function (res) {                                                
                //if successfull                                            
                if (JSON.stringify(response['authResponse']['accessToken']) != null){
                    alert("True");
                    $location.path('/home').replace();
                }
                else{
                    //redirect back
                }

            },
            function (res) { 
                //if error
                alert(JSON.stringify(response)) 
            }
        );
    }
});

. facebookconnectplugin.js 、私はエラーを取得するコードの行を持っています " concaught" "unull "、特に行174 のプロパティ 'Appendchild'を読み取ることができません。 ：

document.getElementById('fb-root').appendChild(e);

.

これがDOMが原因でなければならないが、それを通過してもらえないようです。

任意の助けが素晴らしいでしょう、ありがとう:)

Answer 1

Index.htmlでは、すべてのスクリプトタグを最後に配置してください（閉じるボディタグの直前）。これは問題を解決するはずです。

Answer 2

多分この答えは遅すぎるが、同じ問題を持つ人々のために。 イオンフレームワークでこの問題に直面しています。問題を解決するプラットフォーム（iOS、Android、ブラウザ）には、問題を解決したことが私にとって問題を修正しました。

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'your_app_id',
      xfbml      : true,
      version    : 'v2.8'
    });
    FB.AppEvents.logPageView();
  };

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

.

これが助けに役立つことを願っています！