Angular + Webpack [$compile:tpload] Failed to load template
<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>