React-Native, ошибка загрузки изображения из относительного пути

Question

Я только начал общаться с React-Native, и меня повесили на компонент Image.

Я пытаюсь загрузить изображение с относительного пути. https://github.com/JoeTheDave/LuLaFlow/blob/master/client/Application/Components/LuLaFlow.js

<Image style={styles.logo} source={require('../Content/Images/LulaRoe.jpg')} /> 

Но я получаю ошибку построения о том, что полученный путь изображения недопустим каталог.

Может ли кто-нибудь заглянуть в мой проект github и указать, что я делаю неправильно?

Благодаря

Answer 1

У вас есть путь правильный, но есть небольшая опечатка в названии изображения. Сервер упаковщика чувствителен к регистру, поэтому LulaRoe.jpg должен быть LuLaRoe.jpg.

Полезный метод для отладки проблем активов быстро, чтобы попытаться получить актив от вашего браузера, используя http://localhost:8081assets/[FullAssetPath]

В вашем случае с упаковщиком работает, перейдите по этой ссылке, и вы увидите сообщение об ошибке, чтобы вы знать что-то не так с вашим путем:

Bad: http://localhost:8081/assets/Application/Content/Images/LulaRoe.jpg

Перейдите к этому один, и теперь вы должны увидеть изображение в браузере:

Хорошо: http://localhost:8081/assets/Application/Content/Images/LuLaRoe.jpg