非同期読み込みの Facebook ログイン ボタンを実装しようとしましたが、45 秒後にボタンが消えてしまいました。
これは、エラー コンソールに表示されたメッセージです。
FB:login_button は 45 秒でサイズ変更に失敗しました
誰かがこのバグを解決する方法を教えてもらえますか?
非同期読み込みの Facebook ログイン ボタンを実装しようとしましたが、45 秒後にボタンが消えてしまいました。
これは、エラー コンソールに表示されたメッセージです。
FB:login_button は 45 秒でサイズ変更に失敗しました
誰かがこのバグを解決する方法を教えてもらえますか?
Facebook 開発者フォーラムの Matt Bower は、この一時的な解決策を提供しました。
#fb_login_button {
width: 80px;
}
#fb_login_button span,
#fb_login_button iframe {.
width: 80px !important;
height: 25px !important;
}
Facebook 開発者は、このエラーの修正に取り組んでいます。
他の誰かの回答の功績を認めていないので、元の回答はここにあります: Chrome でのFacebook ログイン (接続) ボタンのレンダリングが失敗します
また、Facebook へのアクセスをブロックする avast またはその他のアンチトラッキング アドに注意してください。
コンソールに次の警告が表示されました。
fb:post は 45 秒でサイズ変更に失敗しました
そして、divクラスの名前を「fb-post」から「fbPost」に変更することで修正できました。ソースで「fb-login」という ID またはクラス名を持つ HTML 要素を探してみてください。
これが役立つことを願っています。
また、承認済みのアクセス許可で要求しているアクセス許可を再確認してください。以下の例は機能せず、エラーが発生しfb:loginbutton not showing
ます。
<fb:login-button scope="public_profile,email,location" onlogin="checkLoginState();">
</fb:login-button>
要件を削除すると、location
この例は修正されます。
私も同じ問題を抱えてる。私は得てfb:post failed to resize in 45s
いた。
Facebook アプリのウェブサイトの URL を提供しなかったためです。Facebook アプリの設定に移動し、次のように URL を入力します。
ホスティングには wampserver を使用しました。独自の Web サイトの URL を配置できます。