title: Angular + Webpack [$compile:tpload] Failed to load template
body: <p>If anybody had a such problem please help.</p>
  
  <p>I use <code>Angular</code> + <code>Webpack</code> and trying to require HTML files to my JS with <code>html-loader</code>.</p>
  
  <p>At first I have required <code>html</code> file to my <code>directive</code> </p>
  
  <pre><code>var templateUrl = require('./test.html');
  </code></pre>
  
  <p>Then I do <code>webpack</code> command and webpack says everything is fine and bundle all file without any problem.</p>
  
  <p>Then I have an ERROR (it's in my console): </p>
  
  <pre><code>[$compile:tpload] Failed to load template: &lt;div class="test"&gt;
  &lt;p&gt;This is my TEST&lt;/p&gt;
  &lt;/div&gt; (HTTP status: 404 Not Found)
  </code></pre>
  
  <p>As I understand it's sees my html, but before this it's says that can't GET it(a template), why is that?</p>
  
  <p>Request in the network</p>
  
  <pre><code>GET http://127.0.0.1:7773/portal/%3Cdiv%20class=%22test%22.....
  </code></pre>
  
  <p>For example success requires:</p>
  
  <pre><code>Request URL:http://127.0.0.1:7773/portal/dev/bundle.js
  </code></pre>
  
  <p>As I understand webpack looking it in some another place. How to fix it?</p>
  
  <p>For info my full path:</p>
  
  <pre><code>/home/darthjs/Documents/****/src/public/portal/app/components/navtop/test.html
  </code></pre>