Модуль не найден: не удается разрешить '../images/bg-header-desktop.svg' при импорте изображения в проект React - PullRequest
1 голос
/ 26 мая 2020

Я создаю проект React, и у меня возникают трудности с импортом фонового изображения. Я получаю указанную выше ошибку. Изображение находится в папке изображений, которая находится в папке publi c. Это моя структура приложения. Structure of folders

Изображение - 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;
}

Я бы хотел, чтобы он выглядел так. Top Bar image. Любая помощь приветствуется.

1 Ответ

1 голос
/ 26 мая 2020

Должно быть так

.top-background {
  height: 155px;
  background-image: url("/images/bg-header-desktop.svg");
  background-color: #5da4a4;
  margin-bottom: 70px;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...