Не удается загрузить локальное изображение в моем приложении Mean-stack - PullRequest
Новая
       4

Не удается загрузить локальное изображение в моем приложении Mean-stack

0 голосов
/ 12 мая 2018

Итак, у меня есть изображение, которое я сохранил в своем приложении.Теперь у меня есть домашний компонент, и первоначальная идея заключалась в том, чтобы использовать изображение в качестве фона моего Jumbotron.Я создал папку с изображениями внутри папки с активами (см. Структуру проекта ниже) и использовал приведенный ниже код в моем файле 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>

Структура проекта:

enter image description here

1 Ответ

0 голосов
/ 12 мая 2018

Вы должны добавить этот путь в ресурсы angular-cli.json или просто поместить это изображение в папку активов.

...