Как получить путь к папке из обратной петли в папку приложения реакции

Question

Я создал приложение reactjs, которое находится в папке Loopback.

Я поместил изображение дерева папок ниже.как картинка внутри client_src есть реагирующие файлы.Я использовал loopback-storage-component для хранения изображений.Эти изображения хранятся в папке файлов.

Теперь моя проблема - получить сохраненные изображения из папки файлов.Таким образом, я использовал

<Img
    src={require("../../files/revenue_Licence_Copy/5.jpg")}
 />

, пока запускаю reactjs App, используя npm start в папке client_src.Тогда я получил сообщение об ошибке

Module not found: You attempted to import ../../files/revenue_Licence_Copy/5.jpg which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project'snode_modules/.

Как решить мою проблему, я приведу ссылку ниже введите описание ссылки здесь , но это также не решит мою проблему ..

Пожалуйста, кто-нибудьпомогите мне?

Answer 1

Таким образом, вы можете создать символическую ссылку, которая связывает папку внутри папки вашего приложения с папкой в ​​другом месте системы.Однако, если это вообще возможно, пожалуйста, избегайте этого.Будучи верным решением, он создает массу проблем при развертывании или перемещении репозитория.Если вы работаете с кем-то другим, им также необходимо иметь идентичные настройки и т. Д. Перемещение папки в папку проекта или наличие необходимых данных для бэкэнда - это гораздо лучший подход.

Однако, если выочень хотелось, вы могли бы сделать это из папки проекта node_modules, поэтому из корня проекта:

cd node_modules
ln -s ../../files ./linked_images

, которая связывает вашу папку files с папкой с именем /linked внутри node_modules.

Затем вы можете ссылаться на изображение внутри, выполнив:

<Img
    src={require('images/revenue_Licence_Copy/5.jpg')}
 />

Вот стек ответа, объясняющего символические ссылки