title: The OAuth client was not found. google login api
body: <p>I want to use google-login api in my application but I have 2 different errors for it.</p>
  
  <pre><code> 1)Google login button is not rendering properly(Only render sometimes).
   2)when my button shows up i got "The OAuth client was not found." on click in popup window.
  </code></pre>
  
  <p>My credentials for google login api are</p>
  
  <pre><code>Client ID   :---&gt; YOUR_CLIENT_ID
  Client secret   :---&gt;voMrsqhFNBtnh5FUvqy-jorI
  Redirect URIs   :----&gt;http://localhost:3000/
  JavaScript origins :---&gt;    http://localhost:3000/ 
  </code></pre>
  
  <p>I already changed my Project name many times.but it shows me the same error.</p>
  
  <p>My HTML page is as under.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en" class="no-js"&gt;
  &lt;head&gt;
  
  &lt;link rel="stylesheet" href="../Scripts/vendor/bootstrap/dist/css/bootstrap.css"&gt;
     &lt;link rel="stylesheet" href="../css/github-fork.css"&gt;
    &lt;link rel="stylesheet" href="../css/bb-login.css"&gt;
  
  &lt;meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com" 
         &gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="wrap"&gt;
      &lt;div class="header"&gt;&lt;/div&gt;
  
      &lt;div id="content" class="container"&gt;
              &lt;script src="../Scripts/Vendor/requirejs/require.js" data-main="../Scripts/config.js"&gt;&lt;/script&gt;
          &lt;/div&gt;
    &lt;/div&gt;
  &lt;script src="https://apis.google.com/js/client:platform.js?onload=start" &gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;  
    function start() {
      alert("inside start auth");
        gapi.load('auth2', function() {
        var auth2 = gapi.auth2.getAuthInstance();
          alert(auth2);
        });
        if (auth2.isSignedIn.get()) {
          alert("inside profile");
    var profile = auth2.currentUser.get().getBasicProfile();
    console.log('ID: ' + profile.getId());
    console.log('Name: ' + profile.getName());
    console.log('Image URL: ' + profile.getImageUrl());
    console.log('Email: ' + profile.getEmail());
  }
      }
      &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and I am adding my <code>&lt;div class="g-signin2"&gt;&lt;/div&gt;</code> in different template for backbone.js.</p>
  
  <p>what is the problem I have?</p>