title: Angular $compile:tpload error
body: <p>I have seen quite a number of similar posts on SO about this error but so far don't think there has been any convincing answer, which is quite surprising given this error seems to be quite common in each version of Angular 1.x.  </p>
  
  <p>The official angular <a href="https://code.angularjs.org/1.5.6/docs/error/$compile/tpload" rel="nofollow noreferrer">doc</a> suggests the template path is probably misspelled but don't think that's the case; I have attached a photo of the folder structure. I get this error when routing to both main.html and second.html <a href="https://i.stack.imgur.com/bsiTi.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bsiTi.jpg" alt="enter image description here"></a></p>
  
  <p>EDIT1: tried to use absolute path and didn't make any difference.</p>
  
  <p>EDIT2: Here is the full error:</p>
  
  <pre><code>Error: [$compile:tpload] http://errors.angularjs.org/1.5.6/$compile/tpload?p0=%2Fpage%2Fsecond.html&amp;p1=-1&amp;p2=
     at Anonymous function (https://code.angularjs.org/1.5.6/angular.min.js:156:275)
     at Anonymous function (https://code.angularjs.org/1.5.6/angular.min.js:130:399)
     at m.prototype.$eval (https://code.angularjs.org/1.5.6/angular.min.js:145:96)
     at m.prototype.$digest (https://code.angularjs.org/1.5.6/angular.min.js:142:158)
     at m.prototype.$apply (https://code.angularjs.org/1.5.6/angular.min.js:145:399)
     at l (https://code.angularjs.org/1.5.6/angular.min.js:97:233)
     at D (https://code.angularjs.org/1.5.6/angular.min.js:101:373)
     at e (https://code.angularjs.org/1.5.6/angular.min.js:102:448)
  angular.js (13642,11)
  </code></pre>