Мне нужна твоя помощь. Я пытаюсь установить фоновое изображение для моего заголовка. Фото находится в папке "public". Прописываю путь к своей фотографии в css. Но у меня ошибка. Что я делаю неправильно? Как установить фоновое изображение в React?
CSS
.header{
width: 100%;
height: 550px;
background-image: url(./public/one.jpg);
}
Джс
import React from "react";
export let Header = () => {
return <header className='header'>
</header>
}
похоже, что вы находитесь в папке src, поэтому вам нужно перейти в родительский каталог, чтобы попасть в общую папку, например: "../public/one.jpg" вместо "./public/one.jpg".
Я бы рекомендовал добавить папку активов в src вместо использования общей папки.
Крош Спасибо, мне помогло. Последний вопрос, есть ли разница, что фото сохраняет? Это в папке "public" или в папке "src"?
в этом случае рекомендуется использовать папку src. create-react-app.dev/docs/using-the-public-folder
Вы пытались вместо этого сохранить
background-image: url("/public/one.jpg");?это JS в папке src?
@AreebKhan Да, я пробовал. Когда я пробую ваш вариант, он показывает мне ошибку полностью. Когда я пишу background-image: url("./public/one.jpg"); подчеркивает меня только под фото, хотя название и расширение фото правильные
@DavidGrosh Фотография находится в папке "public"
где находится ЖС? не то фото.
@DmitryChernyak О, почему-то я предположил, что вы создали папку
publicвнутри папкиpublic. Попробуйтеbackground-image: url("/one.jpg");@DavidGrosh Компонент Header находится в папке «Header», расположенной в папке «src».