title: Angularjs templateUrl file location not found
body: <p>I am locally developing a single page app. </p>
  
  <p>I cannot seem to load an HTML file as a template using a simple custom directive in Angularjs. If I attempt to use raw html using the <strong><code>template:</code></strong> attribute, it works just fine but I have over 400 lines of code i need to use in this template, and as soon as I try to use <strong><code>templateUrl:</code></strong> nothing loads. I have tried like 30 possible paths including copying the HTML file to many different locations such as C:/my-customer.html in a desperate attempt, here is my project structure:</p>
  
  <pre><code>    App--
          |
          css
          |
          img
          |
          js--
             |
             main.js
             |
             foundation.js
             |
             my-customer.html
          |
          templates--
                    |
                    my-customer.html
          |
          bcf.html
          |
          fluidType.html
          |
          start.html
          |
          my-customer.html
  </code></pre>
  
  <p>Keeping it simple I am using the example from the <a href="https://docs.angularjs.org/guide/directive" rel="noreferrer">angular docs</a> here is my code for the directive (inside main.js with my controller):</p>
  
  <pre><code>app.directive('myCustomer', function() {
    return {
      templateUrl: 'my-customer.html'
    };
  });
  </code></pre>
  
  <p>again I have tried paths like: <code>../my-customer.html   ../templates/my-customer.html</code> and so on but nothing is working for <code>templateUrl:</code>, I am on windows with no local web server running if this helps. </p>
  
  <p>Here are some console errors but as a newbie not sure what they mean, I have a feeling I need to run a web server and parse through http.</p>
  
  <pre><code> XMLHttpRequest cannot load file:///C:/Users/Dylan/Google%20Drive/PA/Dev/Grossing%20App/templates/my-customer.html. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.
  angular.js:11594 Error: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///C:/Users/Dylan/Google%20Drive/PA/Dev/Grossing%20App/templates/my-customer.html'.
      at Error (native)
      at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:87:261
      at m (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:83:133)
      at f (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:80:366)
      at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:112:276
      at l.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:126:84)
      at l.$digest (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:123:195)
      at l.$apply (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:126:362)
      at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:17:448
      at Object.e [as invoke] (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:37:96)angular.js:11594 (anonymous function)
  angular.js:11594 Error: [$compile:tpload] http://errors.angularjs.org/1.3.8/$compile/tpload?p0=templates%2Fmy-customer.html
      at Error (native)
      at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:6:416
      at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:137:65
      at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:112:276
      at l.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:126:84)
      at l.$digest (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:123:195)
      at l.$apply (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:126:362)
      at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:17:448
      at Object.e [as invoke] (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:37:96)
      at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:17:369)
  </code></pre>
  
  <p>New to Angularjs. I have hit a wall in the project and I am completely stuck now.</p>