Angularjs Facebook Login: Cannot read property 

2019-06-14 16:30发布

站内问答 / JavaScript
1006 1 6

I am using angular-facebook module for adding Facebook Login capability to my application.

Generally I get the following error while loading the page:

The "fb-root" div has not been created, auto-creating Cannot read property 'appendChild' of null

When I get this error the facebook login popup comes empty/blank or unable to login.

My angular module dependencies are below:

angular.module('myApp', ['ngResource', 'ngRoute', 'facebook', 'restangular', 'LocalStorageModule'])

My index.html:

<html>
  <head>
    ..
    ..
     <script src="index.js"></script>
    <script src="assets/js/default.js"></script>
</head>
<body ng-view>
</body>

</html>

1条回答
萌系小妹纸
2楼-- · 2019-06-14 17:21

The problem occurs because of ng-view tag in <body> ngRoute organizes the content of body itself but facebook js sdk tries to control 'fb-root' div under body.

The solution is to move ng-view to an inner div under body and create a fb-root div optionally:

<html>
  <head>
     <script src="index.js"></script>
    <script src="assets/js/default.js"></script>
</head>
  <body>
  <div id="fb-root"></div>
  <div ng-view>
  </div>
</body>
</html>

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)