如何修复错误'FB'在create-react-app项目上未定义为no-undef？

Question

我使用此链接作为起始文件进行了项目。

https://github.com/facebookincubator/create-react-
app

但是在我尝试使Facebook登录按钮与他们的官方文档一起使用之后。

componentDidMount(){
    console.log('login mount');
    window.fbAsyncInit = function() {
        FB.init({
            appId      : '320866754951228',
            xfbml      : true,
            version    : 'v2.6'
        });

        FB.getLoginStatus(function(response) {
            //this.statusChangeCallback(response);
        });

    };

    (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'));
}

所以刷新浏览器时出现此错误。

Failed to compile.

Error in ./src/components/user_profile/LoginForm.js

/Sites/full_stack_production/xxxxx
  70:13  error  'FB' is not defined  no-undef
  76:13  error  'FB' is not defined  no-undef

✖ 2 problems (2 errors, 0 warnings)

所以我想是因为ESLint会导致此错误。如何解决此问题或对该FB变量进行例外处理？

谢谢！

Answer 1

ESLint不知道该变量FB是全局变量。您可以通过在文件顶部添加以下内容来声明引用为全局变量的变量：

/*global FB*/

有关更多信息，请查看ESLint官方文档上的“规则详细信息”部分：http
://eslint.org/docs/rules/no-undef