错误：origin_mismatch; Chrome扩展程序的OAuth 2.0身份验证错误

Question

我目前正在开发Chrome扩展程序，它需要OAuth 2.0身份验证。我在JavaScript中编写扩展（不是应用程序），我的身份验证代码如下所示：

gapi.client.setApiKey('AIzaSyDUDozQF2xXJd7nybrEhVYgWUsSA4BREWw');
        gapi.client.load('youtube', 'v3', function(){
            console.log("LOADED");
            gapi.auth.authorize({
                client_id: "323168009404-njonv6p9tt1d61pa9r2lnpaj18vf1n76.apps.googleusercontent.com",
                immediate: false,
                scope: "https://www.googleapis.com/auth/youtube.force-ssl"
            }, function(){
                console.log("AUTHORIZED");
                for(var k = 0; k < booksID.length; k++){
                    addToPlaylist(booksID[k], undefined, undefined);
                }
                console.log("FINISHED");
                var request = gapi.client.youtube.playlists.list({
                    part: 'snippet',
                    resource: {
                        forUsername: 'username'
                    }
                });
            });
        });

它将“LOADED”语句打印到控制台，但一旦到达gapi.auth.authorize调用，它就不会执行回调函数，表示身份验证失败，同时在假定的身份验证窗口中，我收到这个错误：

我尝试在谷歌上搜索错误，但我似乎无法找到解决方案。接近的唯一解决方案是当身份验证错误报告中的原始值是某种IP地址时。任何帮助将不胜感激。

顺便说一句，我正在尝试访问Youtube Data API。