Size: a a a

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

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'
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
источник

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

ЮЧ

Юра Чеботаев... 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
источник

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

ЮЧ

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

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
/img/bg.png
источник

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

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Писал так, ошибка та же
источник

ЮЧ

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

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

ЮЧ

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

ЮЧ

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

<div style={{ backgroundImage: `URL("${process.env.PUBLIC_URL + '/img/bg.png'}")` }}></div>
источник

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

ЮЧ

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

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

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

ЮЧ

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

<div style={{ backgroundImage: `URL("${process.env.PUBLIC_URL + '/img/bg.png'}")` }}></div>
Вот так
источник

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