無法在我的均值堆棧應用程序中加載本地圖像

Question

所以我有一個圖像存儲在我的應用程序中。 現在，我有了家庭組件，最初的想法是將圖像用作超大背景的背景。 我在資產文件夾中創建了一個圖像文件夾（請參見下面的項目結構），並在我的Scss文件中使用以下代碼將圖像作為背景加載：

 @import "../SCSS-partials/variables";

.jumbotron {
  color: $theme-color-white;
  font-style: 'Shift', sans-serif;
  background-image: url("../images/home-jumbotron.jpg");
}

我使用了圖像文件的相對路徑，但是圖像未顯示。 有誰知道為什么以及如何解決這個問題？

Home.component.html

<div class="home-page">
    <div class="jumbotron jumbotron-fluid">
        <div class="container-fluid">
            <h1>Harry Potter: Wizards Unite Fanpage</h1>
            <h3>Latest News and Tip & Tricks</h3>
        </div>
    </div>
    <img src="../images/home-jumbotron.jpg" alt="fail">
</div>

項目結構：

Answer 1

您必須將該路徑添加到angular-cli.json的資產中，或僅將該圖像放入資產文件夾中。