Телеграмм чат группы react

2021 January 06

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество

Ах да, вчера посоветовали переместить в public, забыл. Но проблема не решилась

источник

08:03пожаловаться #1

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество

источник

08:03пожаловаться #2

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество

источник

08:04пожаловаться #3

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество

Я не понял, что именно нужно сделать, здесь говорится, что нужно удалить плагин ModuleScopePlugin, но я его не нашел

https://stackoverflow.com/questions/44114436/the-create-react-app-imports-restriction-outside-of-src-directory

Stack Overflow

The create-react-app imports restriction outside of src directory

I am using create-react-app. I am trying to call an image from my public folder from a file inside my src/components. I am receiving this error message.
./src/components/website_index.js Module ...

источник

08:14пожаловаться #4

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество

Получается, мне все шрифты и картинки хранить в src?

источник

08:14пожаловаться #5

ZS

Zhanarys Sairanbekov in React — русскоговорящее сообщество

☬ Sᴀʏᴅᴜʟʟᴏ ツ

а зачем тебе импортировать png изображение как js объект?

источник

08:15пожаловаться #6

ZS

Zhanarys Sairanbekov in React — русскоговорящее сообщество

ты можешь просто писать в <img src=‘im.png’ />

источник

08:16пожаловаться #7

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество

Zhanarys Sairanbekov

а зачем тебе импортировать png изображение как js объект?

Тут, кстати говорится, чтобы изображение было в той же папке. А у меня в public

источник

08:16пожаловаться #8

OF

Oleg Frolov in React — русскоговорящее сообщество

☬ Sᴀʏᴅᴜʟʟᴏ ツ

Тут, кстати говорится, чтобы изображение было в той же папке. А у меня в public

всё верно. Импорт файла как ссылки на файл работает для содержимого /src .. а public - это внешние зависимости, грубо говоря, для статики - они не будут преобразовываться вебпаком (или что там в проекте у вас)

источник

08:17пожаловаться #9

НМ

Никита Михайловский... in React — русскоговорящее сообщество

☬ Sᴀʏᴅᴜʟʟᴏ ツ

Такое ощущение, что по этой ошибке вы просто неверно прописали относительный путь

источник

08:17пожаловаться #10

ZS

Zhanarys Sairanbekov in React — русскоговорящее сообщество

☬ Sᴀʏᴅᴜʟʟᴏ ツ

Тут, кстати говорится, чтобы изображение было в той же папке. А у меня в public

тогда нужно хранить фотку в src и импортировать как на твоей фотке. Если хочешь хранить в public, то делай как я писал выше

источник

08:18пожаловаться #11

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество

Zhanarys Sairanbekov

тогда нужно хранить фотку в src и импортировать как на твоей фотке. Если хочешь хранить в public, то делай как я писал выше

Я думал, нужно хранить изображения в public. Это так?

источник

08:18пожаловаться #12

ZS

Zhanarys Sairanbekov in React — русскоговорящее сообщество

☬ Sᴀʏᴅᴜʟʟᴏ ツ

Я думал, нужно хранить изображения в public. Это так?

Да, обычно изображения хранятся в public

источник

08:19пожаловаться #13

OF

Oleg Frolov in React — русскоговорящее сообщество

файлы из public по дефолту уже все подгружаются в дев-сервер, поэтому их не надо обрабатывать лоадерами, а значит можно сразу делать <img src="/logo.png" /> .. А то, что в src - нужно обработать лоадером (соответствующим). И значит, нужно лоадеру показать, что импортируется файл, который будет обработан (через import logo from 'logo.png')

источник

08:20пожаловаться #14

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество

Oleg Frolov

файлы из public по дефолту уже все подгружаются в дев-сервер, поэтому их не надо обрабатывать лоадерами, а значит можно сразу делать <img src="/logo.png" /> .. А то, что в src - нужно обработать лоадером (соответствующим). И значит, нужно лоадеру показать, что импортируется файл, который будет обработан (через import logo from 'logo.png')

теперь понял, спасибо!
Можешь, еще это обЬяснить пожалуйста
https://t.me/react_js/1086248

Sᴀʏᴅᴜʟʟᴏ in React — русскоговорящее сообщество

в доке не могу найти.
Как импортировать изображение с каталога public?
Раньше получалось, сейчас нет. Разве, только если в src размещать.

Я, вот хочу сделать фоновую картинку. Как мне писать пути в стилях к изображению?
Файл с стилями в
src/index.css
Изображение в
/public/img/image.png

Я пишу
background-image:
url(../public/img/image.png)

Ошибка:
Module not found: You attempted to import ... which is falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

источник

08:22пожаловаться #15

OF

Oleg Frolov in React — русскоговорящее сообщество

☬ Sᴀʏᴅᴜʟʟᴏ ツ

в доке не могу найти.
Как импортировать изображение с каталога public?
Раньше получалось, сейчас нет. Разве, только если в src размещать.

Я, вот хочу сделать фоновую картинку. Как мне писать пути в стилях к изображению?
Файл с стилями в
src/index.css
Изображение в
/public/img/image.png

Я пишу
background-image:
url(../public/img/image.png)

Ошибка:
Module not found: You attempted to import ... which is falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

так всё правильно. public_html это по сути / т.е. корень.
А значит путь до картинки должен быть типа background-image: url(/images/bg.png)

источник

08:25пожаловаться #16

OF

Oleg Frolov in React — русскоговорящее сообщество

Oleg Frolov

так всё правильно. public_html это по сути / т.е. корень.
А значит путь до картинки должен быть типа background-image: url(/images/bg.png)

и файлик должен лежать <project_dir>/public_html/images/bg.png

источник

08:25пожаловаться #17

☬

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество