2017-06-08 4 views
0

が、私は自分のアプリケーションに奇妙な問題を持って働いていないのレンダリング:angular2 - 画像

CSSやJSファイルがのindex.htmlページに含まれるが正しくをレンダリングされます。

代わりにイメージがロードされていません。、理由はわかりません。

├───css 
│ 
├───img 
│ 
└───js 

これは私がのindex.htmlでファイルをファイルを参照する方法である:

のCss/Jsと、画像がそうで構成されているのと同じフォルダdistAdminLte2下にある

のCss/JS

<link rel="stylesheet" href="/assets/distAdminLte2/css/AdminLTE.min.css"> 

<script src="/assets/plugins/jQuery/jquery-2.2.3.min.js"></script> 

画像

<img src="/assets/distAdminLte2/img/icon-user.png"> 

これは、代わりにのindex.htmlファイルの一部である:それはCSS/JSを適用する(私はそれらthroug移動することができます)が、それはイメージをロードしません:

index.htmlを

<!doctype html> 
<html> 

<head> 
    <meta charset="utf-8"> 
    <title>Reporting App</title> 
    <base href="/"> 
    <link rel="stylesheet" href="/assets/distAdminLte2/css/AdminLTE.min.css"> 
</head> 

<body class="hold-transition skin-blue sidebar-mini"> 

    <app-root> 
    <div class="wrapper">Loading...</div> 
    </app-root> 

    <script src="/assets/plugins/jQuery/jquery-2.2.3.min.js"></script> 
<img src="/assets/distAdminLte2/img/icon-user.png"><br> 
</body> 

</html> 

<base href="/">は「/」に設定されています。

ビルドのためにイメージを動作させる必要があります。

答えて

0

をサポートするための

おかげで私は今

が正しくロードさ

<base href=""> 

画像に

<base href="/"> 

からdistの

のindex.htmlをを変更することで、この問題を解決しました

関連する問題