<p dir="auto">Following this <a href="http://stackoverflow.com/questions/35188803/angular-2-external-style-doesnt-get-inlined-to-header/35197976#35197976" rel="nofollow">question</a> on StackOverflow, it appears that it's not possible to use absolute URLs within the styleUrls property of components.</p>
<p dir="auto">There is a check in the <a href="https://github.com/angular/angular/blob/master/modules/angular2/src/compiler/style_url_resolver.ts#L12"><code class="notranslate">isStyleUrlResolvable</code></a> function:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="export function isStyleUrlResolvable(url: string): boolean {
  if (isBlank(url) || url.length === 0 || url[0] == '/') return false; // &lt;-----
    var schemeMatch = RegExpWrapper.firstMatch(_urlWithSchemaRe, url);
    return isBlank(schemeMatch) || schemeMatch[1] == 'package' || schemeMatch[1] == 'asset';
}"><pre class="notranslate"><code class="notranslate">export function isStyleUrlResolvable(url: string): boolean {
  if (isBlank(url) || url.length === 0 || url[0] == '/') return false; // &lt;-----
    var schemeMatch = RegExpWrapper.firstMatch(_urlWithSchemaRe, url);
    return isBlank(schemeMatch) || schemeMatch[1] == 'package' || schemeMatch[1] == 'asset';
}
</code></pre></div>
<p dir="auto">I wonder if it's something normal?<br>
Thanks!<br>
Thierry</p>
<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>