Угловой 7 - фон в div не работает

Question

У меня проект Angular 7 структурирован следующим образом:

-|src
--|app
---|modules
-----|home

home является компонентом, имеющим

home.component.html:

<div class="wrapper">

</div>

home.component.scss:

.wrapper {
    background: url(../../../assets/background.jpg);
}

По какой-то странной причине background.jpg не отображается на странице. Я заметил, что когда я обновляю страницу, опустошая кеш, в исходном сегменте инструментов разработчика появляется изображение background.jpg, и когда я нажимаю «открыть в новой вкладке», оно открывает изображение в новой вкладке.

Answer 1

Я нашел решение.

Угловой облажался. Я нашел информацию о: host и: host-context и used / deep, так что CSS стилизовал оболочку хоста, а не оболочку, как в

Answer 2

Возможно, ресурс находится в другом каталоге, а у div, возможно, нет размера:

.wrapper {
    background: url(../assets/background.jpg);
    width: 100%;
    height: 100%;
}