Facebook: FB 登录时黑屏

当我尝试通过 Facebook 登录时，我的应用程序突然发生了一件奇怪的事情。询问登录详细信息后，Facebook 连接弹出对话框将显示空白屏幕。通常情况下，我希望看到窗口关闭，然后网站本身会继续运行，但它似乎已挂起。

我在用Javascript SDK on Localhost

这是我正在使用的代码（直接从 facebook 文档复制）：

window.fbAsyncInit = function () {
    FB.init({ appId: fbAppId,
        status: false,
        cookie: true,
        xfbml: true
    });

};

(function (d) {
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
    if (d.getElementById(id)) { return; }
    js = d.createElement('script'); js.id = id; js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js";
    ref.parentNode.insertBefore(js, ref);
} (document));



$(document).ready(function () {


    $("#fb_button_login").click(function () {


        FB.login(function (response) {
            if (response.authResponse) {
                console.log('Welcome!  Fetching your information.... ');
                FB.api('/me', function (response) {
                    console.log('Good to see you, ' + response.name + '.');
                });
            } else {
                console.log('User cancelled login or did not fully authorize.');
            }
        });


    });

});

其他一些注意事项：

• 这似乎在所有浏览器上都会发生。
• 我研究了所有其他帖子，似乎找不到适合我的解决方案
• 控制台中没有显示错误消息
• When developing I use a separate FB app ID that I have setup specifically for localhost with the designated port I'm using (has worked fine for more than 12 months)
  • 我没有启用沙盒模式

它看起来挂起的 URL 是

多谢你们。

看起来像一个错误：https://developers.facebook.com/bugs/241915819261223?browse=search_4ff2ead131a032989098325 https://developers.facebook.com/bugs/241915819261223?browse=search_4ff2ead131a032989098325

从上面链接中的注释中，您可以尝试在端口 80 上运行应用程序并避免 url 中的端口部分