title: "gapi is not defined" error - Chrome extension
body: <p>I'm developing a Chrome extension, which is supposed to schedule and manage meetings on Google calendar.
  I followed <a href="https://developers.google.com/calendar/api/guides/create-events" rel="nofollow noreferrer">Google's documentation</a>, but I get error &quot;Uncaught ReferenceError: gapi is not defined&quot;.</p>
  <p>I've added this line:</p>
  <p><code>&lt;script src=&quot;https://apis.google.com/js/client.js?onload=onGAPILoad&quot;&gt;&lt;/script&gt;</code></p>
  <p>but then I get this error:</p>
  <blockquote>
  <p>Refused to load the script 'https://apis.google.com/js/client.js?onload=onGAPILoad' because it violates the following Content Security Policy directive: &quot;script-src 'self'&quot;. Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.</p>
  </blockquote>
  <p>The &quot;permissions&quot;, &quot;oauth2&quot; and &quot;content_security_policy&quot; attributes in the manifest file are defined as follows:</p>
  <pre><code>  &quot;permissions&quot;: [ 
      &quot;cookies&quot;, &quot;tabs&quot;, &quot;bookmarks&quot;, &quot;identity&quot;, &quot;identity.email&quot;
    ],
    &quot;oauth2&quot;: {
      &quot;client_id&quot;: &quot;MY_CLIENT_ID.apps.googleusercontent.com&quot;,
      &quot;scopes&quot;:[&quot;https://www.googleapis.com/auth/calendar&quot;]
    },     
    &quot;content_security_policy&quot;: {
      &quot;extention_pages&quot;:&quot;script-src 'self' https://apis.google.com; object-src 'self'&quot;
    }
  </code></pre>
  <p>Any idea how to solve it?
  Any help towards fixing this error would greatly be appreciated.</p>