在我的Web应用程序上实现Facebook Share API的问题

Question

我目前正试图想出如何在我的应用程序上实现Facebook Share API。即使我已正确实现它，我也一直在收到错误。到目前为止，我已经做了什么。我已经从我刚创建的Facebook应用程序中复制了以下代码，并将其放在我正在构建的Web应用程序上。

  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'APP ID',
      xfbml      : true,
      version    : 'v2.9'
    });
    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'));


  $('#facebook').on('click', function() {

      // FB.ui({
      //   method: 'feed',
      //   link: 'http://localhost/es/',
      //   caption: 'An example caption',
      // }, function(response){});

      FB.ui({
        method: 'share',
        display: 'popup',
        quote: 'test',
        href: 'http://nytimes.com/'
      }, function(response){});
  })

我尝试过测试，现在我收到了这个错误。

这是我正在开发并在Python / Angular上运行的Web应用程序。

我使用XAMPP在我的localhost上创建了一个单独的页面，并使用相同的Facebook代码进行测试。令我惊讶的是它有效。

如果您查看我的Facebook应用程序上的设置。我没有在App Domains和Site URL中添加网址以便它可以正常工作（请查看第二张图片）。我尝试放置我的Web应用程序的IP地址，但它不允许它。我甚至禁用了浏览器上安装的弹出窗口阻止程序