title: Google Plus API error gapi.loaded_0
body: <p>I am trying to use requireJS with Google plus API, but getting an error when I click login button</p>
  
  <p>Here is the error and screenshot:</p>
  
  <blockquote>
    <p>GET <code>https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.en.f5Li87Zolqg.O/m…sv=1/d=1/ed=1/am=AQ/RS=AGLTcCPR6xH_GlLdKZ8KMxaWNPWQokoYsg/cb=gapi.loaded_0</code></p>
  </blockquote>
  
  <p>Screenshot: <a href="https://i.imgsafe.org/098c5b5634.png" rel="nofollow noreferrer">https://i.imgsafe.org/098c5b5634.png</a></p>
  
  <p>And I am using this code:<br>
  <a href="https://stackoverflow.com/questions/38693439/gapi-is-not-defined-error-comes-when-using-with-requirejs/38694925#38694925">gapi is not defined error comes when using with requirejs</a></p>
  
  <p>Note: I am calling a <code>gp.js</code> inside a JavaScript file and defining it there here is the first line for it.</p>
  
  <p><strong>My screen.js file</strong></p>
  
  <pre><code>define(["facebook","fb","googleplus","gp"], function(facebook,fb,gapi,gp){
  // some bunch other code will go here
  
              $('#login').click(login);
  
              // some other code will go here
  
  });
  </code></pre>
  
  <p><strong>gp.js is contains the following code</strong></p>
  
  <pre><code> //$('#login').click(login);
      //$('#logout').click(logout);
  function logout(){
      gapi.auth.signOut();
      location.reload();
  }
  function login() {
      var myParams = {
          'clientid' : '455646565646-ppqmgsfghfdhgfghqguj3i4ir70i.apps.googleusercontent.com',
          'cookiepolicy' : 'single_host_origin',
          'callback' : 'loginCallback',
          'approvalprompt':'force',
          'scope' : 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/plus.me https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile'
      };
      gapi.auth.signIn(myParams);
  }
  
      window.loginCallback = function (result)  {
          if (result['status']['signed_in']) {
              gapi.client.load('plus', 'v1', function () {
                  var request = gapi.client.plus.people.get(
                      {
                          'userId': 'me'
                      });
                  request.execute(function (resp) {
                      var email = '';
                      if (resp['emails']) {
                          for (i = 0; i &lt; resp['emails'].length; i++) {
                              if (resp['emails'][i]['type'] == 'account') {
                                  email = resp['emails'][i]['value'];
                              }
                          }
                      }
  
  
                      var str = "Name:" + resp['displayName'] + "&lt;br&gt;";
                      str += "Email:" + email + "&lt;br&gt;";
                      str += "DOB:" + resp['birthday'] + "&lt;br&gt;";
                      str += "Gender:" + resp['gender'] + "&lt;br&gt;";
                      document.getElementById("profile").innerHTML = str;
                  });
              });
          }
      }
  
    onLoadCallback = function(){
      gapi.client.setApiKey('Sgtfjhygjhgjhg9U1nKaZ5H1MmwTuthspQPNqY');
      gapi.client.load('plus', 'v1',function(){});
  }
  </code></pre>
  
  <p><strong>And my main.js goes here</strong></p>
  
  <pre><code>require.config({
      shim: {
  
          'gp' : {
              deps: ['jquery','googleplus'],
  
  
          },
          'googleplus' : {
              deps: ['jquery'],
              exports: 'gapi'
          },
  
  
      },
      paths: {
          'googleplus': 'https://apis.google.com/js/client.js?onload=onLoadCallback'
  
      },
  
  })
  require(['gp']);
  </code></pre>
  
  <p>Why is this happening and how can I fix it?</p>