#reactjs
Вопрос:
Ссылка на Репо
Эй там,
У меня есть компонент, в котором есть изображения. Первоначально у меня была папка assets в каталоге src, и я импортировал изображения. Затем я понял, что существует файл data.json, в котором указан путь к изображению, поэтому я мог бы просто сослаться на вложенное значение (например, data.gallery.first), и это дало бы мне путь. Это было проще, чем импортировать каждое изображение.
Затем я понял, что у вас не может быть изображений в папке src, и сделал это, по какой-то причине это работало только в том случае, если вы поместили папку ресурсов в общую папку и указали путь с префиксом «process.env.PUBLIC_URL «, чтобы указать компоненту проверить общую папку. Это сработало.
Таким образом, в настоящее время у меня есть две папки с активами. Один в src со всеми импортированными изображениями, которые я использовал ранее (некоторые были слегка переименованы). Они не находятся во вложенных папках, но являются «свободными». Когда я понял, что могу использовать data.json для доступа к изображениям, я затем скопировал всю папку assets, как она прилагалась к загружаемым файлам (категории и т. Д.), В общедоступную.
SRC = некоторые изображения и импортируемые в некоторых местах ОБЩЕДОСТУПНЫЕ = все изображения, классифицированные, и использование их с этого момента и доступ к ним через data.json
Затем я разместил свое приложение на страницах github, и у меня возникли некоторые проблемы с фиксациями и откатом фиксаций. В конце концов я вернул его туда, где, как я думал, он у меня был, но теперь компонент получает доступ к изображениям без необходимости process.env.PUBLIC_URL. На самом деле, использование process.env.PUBLIC_URL приводит к тому, что изображения не работают на развернутой странице github, но она отлично работает локально, с process.env.PUBLIC_URL или без него. Локально я не уверен, почему это работает, поскольку изображения, к которым я обращаюсь в этом компоненте, находятся в открытом доступе, а не в src.
Если вы проверите путь data.jsons для изображений, все они являются ./активами. Я понимаю, что это означает, что он ищет изображения в той же папке, что и компонент — ProductDetailsInfoImages, как это называется. Если он ищет изображения в той же папке, что и файл data.json, это означает, что он проверяет папку assets в src. В любом случае, что бы ни было правильным, изображения, к которым он обращается и которые отображает, определенно находятся только в папке общедоступных ресурсов. Я не уверен, как получить доступ к этим изображениям прямо сейчас.
Однако, если я проверю ветвь gh-страниц в своем репо, я увижу, что у меня есть папка активов, которая является папкой активов из общедоступной, и у меня есть папка статических/медиа, которые являются изображениями, размещенными в папке активов в src.
Кто-нибудь может пролить свет на это? Я совершенно сбит с толку!
Большое спасибо!!!