Я создаю проект React, и у меня возникают трудности с импортом фонового изображения. Я получаю указанную выше ошибку. Изображение находится в папке изображений, которая находится в папке publi c. Это моя структура приложения.
Изображение - bg-header-desktop.svg. Вот так я хочу, чтобы это выглядело. Код, который у меня есть для этого компонента, следующий:
import React from "react";
import "./heading.styles.css";
const Heading = () => (
<header>
<div className="top-background">
</div>
</header>
);
export default Heading;
Мой css выглядит так:
.top-background {
height: 155px;
background-image: url(../images/bg-header-desktop.svg);
background-color: #5da4a4;
margin-bottom: 70px;
}
Я бы хотел, чтобы он выглядел так. Любая помощь приветствуется.