AngularJS "XMLHttpRequest cannot load..." errors on ng-include when using <script> templates
<p>Whenever I try and use a template in angular, I receive the error:</p>

<blockquote>
  <p>HttpRequest cannot load <a href="https://www.google.com/accounts/ServiceLogin?service=wise&amp;passive=1209600&amp;c" rel="nofollow">https://www.google.com/accounts/ServiceLogin?service=wise&amp;passive=1209600&amp;c</a>…crc5kl5f5r3foguqzq-script.googleusercontent.com/dropdownInputTemplate.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '<a href="https://n-hs6zsnnha2qnez4bokwgxcrc5kl5f5r3foguqzq-script.googleusercontent.com" rel="nofollow">https://n-hs6zsnnha2qnez4bokwgxcrc5kl5f5r3foguqzq-script.googleusercontent.com</a>' is therefore not allowed access.</p>
</blockquote>

<p>I'm not trying to load templates from file, or from another URL. I have them in my markup as <code>&lt;script&gt;</code> templates as described <a href="https://docs.angularjs.org/api/ng/service/$templateCache" rel="nofollow">here</a>. The templates do work, they show up perfectly fine, but the console is spammed with errors.</p>

<p>Template:</p>

<pre><code>&lt;script id="textInputTemplate.html" type="text/ng-template"&gt;
    &lt;div ng-if="column.editable" class="ui fluid input"&gt;
        &lt;input class="editing" ng-model="colleague[column.name]" type="text"&gt;
    &lt;/div&gt;
    &lt;span ng-if="!column.editable"&gt;{{colleague[column.name]}}&lt;/span&gt;            
&lt;/script&gt;
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div ng-include="'textInputTemplate.html'"&gt;

&lt;/div&gt;
</code></pre>

<p>As I said previously, the templates work, but they spam the console with the above error. How do I fix this?</p>