无法在我的Mean-stack应用程序中加载本地图像

Question

所以我有一个存储在我的应用程序中的图像。现在我有我的家庭组件，最初的想法是使用图像作为我的Jumbotron的背景。我在我的资源文件夹中创建了一个images文件夹（参见下面的项目结构），并在我的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的资产中添加该路径，或者只是将该图像放在assets文件夹中。