В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

React: русскоязычное сообщество

1151 membersпожаловаться на группу
2021 February 10

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
создаю проект с помощью
create-react-app.

В public/img добавляю картинку
bg.png

В index.css пишу
background-image: url('./img/bg.png')
Выдаёт ошибку:

Can't resolve '../img/bg.png' in 'C:\...\project\src'
источник
15:35пожаловаться#1

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
image_2021-02-10_17-08-48.png
(5.56 Кб)
источник
15:36пожаловаться#2

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
image_2021-02-10_17-09-05.png
(2.33 Кб)
источник
15:36пожаловаться#3

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Error: Can't resolve './img/bg.png' in 'C:\...\project\src'
источник
15:36пожаловаться#4

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
☬ Sᴀʏᴅᴜʟʟᴏ ツ
создаю проект с помощью
create-react-app.

В public/img добавляю картинку
bg.png

В index.css пишу
background-image: url('./img/bg.png')
Выдаёт ошибку:

Can't resolve '../img/bg.png' in 'C:\...\project\src'
Надо положить ее в src
источник
15:36пожаловаться#5

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Точно?
Я слышал, многие говорят, что картинки нужно хранить в public
источник
15:36пожаловаться#6

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Тогда нужно заменить на абсолютный путь
источник
15:36пожаловаться#7

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
/img/bg.png
источник
15:37пожаловаться#8

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Юра Чеботаев
Надо положить ее в src
При build это не сломается?
источник
15:37пожаловаться#9

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Юра Чеботаев
/img/bg.png
Писал так, ошибка та же
источник
15:37пожаловаться#10

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
А если так: <img src={process.env.PUBLIC_URL + '/img/bg.png'} />
источник
15:38пожаловаться#11

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Юра Чеботаев
А если так: <img src={process.env.PUBLIC_URL + '/img/bg.png'} />
не, я же в стилях пишу
источник
15:39пожаловаться#12

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Тогда проблема
источник
15:40пожаловаться#13

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
А если заменить на 

<div style={{ backgroundImage: `URL("${process.env.PUBLIC_URL + '/img/bg.png'}")` }}></div>
источник
15:41пожаловаться#14

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Я могу без проблем папку с картинками перенести в src и там использовать, если
источник
15:41пожаловаться#15

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
☬ Sᴀʏᴅᴜʟʟᴏ ツ
При build это не сломается?
Не должно
источник
15:41пожаловаться#16

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
А вы как используете?
источник
15:42пожаловаться#17

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Когда, к примеру, нужно фоновую картинку в body прописать
источник
15:42пожаловаться#18

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Юра Чеботаев
А если заменить на 

<div style={{ backgroundImage: `URL("${process.env.PUBLIC_URL + '/img/bg.png'}")` }}></div>
Вот так
источник
15:42пожаловаться#19

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Ого, неудобно же
источник
15:43пожаловаться#20