angle2 - 画像のレンダリングが機能しない

debugcn 投稿 Dev

ダリオN1

私のアプリケーションに奇妙な問題があります:

index.htmlページに含まれる CSS および JS ファイルは適切にレンダリングされます。

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

Css/Js と Image は、次のように構成された同じフォルダーdistAdminLte2 の下にあります。

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

これは、index.htmlファイル内のファイルを参照する方法です。

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 を適用します (それらを介してナビゲートできます) が、画像はロードされません。

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="/">が '/' に設定されていることに注意してください。

ビルドでもイメージを機能させる必要があります。

サポートのおかげで

ダリオN1

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

から