<p dir="auto">angular 2.0.0-beta.0<br>
loader.html and loader.css are located in directory /admin-angular-two/components/loader/</p>
<p dir="auto">This code doesn't work:<br>
<a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/component/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/component">@component</a>({<br>
selector: 'loader',<br>
templateUrl: '/admin-angular-two/components/loader/loader.html',<br>
styleUrls: ['/admin-angular-two/components/loader/loader.css']<br>
})</p>
<p dir="auto">but this works:<br>
<a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/component/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/component">@component</a>({<br>
selector: 'loader',<br>
templateUrl: '/admin-angular-two/components/loader/loader.html',<br>
styleUrls: ['../../../admin-angular-two/components/loader/loader.css']<br>
})</p>
<p dir="auto">base url is setted:</p>
&lt;script&gt;document.write('');&lt;/script&gt;
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="styleUrls: [&quot;dist/stylesheet/App.css&quot;] // this works perfectly
styleUrls: [&quot;/dist/stylesheet/App.css&quot;] // this does not work"><pre class="notranslate">styleUrls: <span class="pl-kos">[</span><span class="pl-s">"dist/stylesheet/App.css"</span><span class="pl-kos">]</span> <span class="pl-c">// this works perfectly</span>
styleUrls: <span class="pl-kos">[</span><span class="pl-s">"/dist/stylesheet/App.css"</span><span class="pl-kos">]</span> <span class="pl-c">// this does not work</span></pre></div>
<p dir="auto">any idea?</p>