我刚刚开始搞乱React-Native而且我已经挂上了Image Component。
我正在尝试从相对路径加载图像。 https://github.com/JoeTheDave/LuLaFlow/blob/master/client/Application/Components/LuLaFlow.js
<Image style={styles.logo} source={require('../Content/Images/LulaRoe.jpg')} />
但是我收到一个构建错误,说明生成的图像路径是一个无效的目录。
有人可以看看我的github项目,并指出我做错了吗?
由于
答案 0 :(得分:2)
您的路径正确,但图片名称中的拼写错误。打包服务器区分大小写,因此LulaRoe.jpg需要是LuLaRoe.jpg。
快速调试资产问题的一种有用技巧是尝试使用http://localhost:8081assets/[FullAssetPath]
从浏览器获取资源在您的情况下,在打包器运行时,导航到此链接,您将看到错误,因此您知道您的路径出了问题:
错误:http://localhost:8081/assets/Application/Content/Images/LulaRoe.jpg
导航到这个,您现在应该在浏览器中看到您的图像:
好:http://localhost:8081/assets/Application/Content/Images/LuLaRoe.jpg