2015-12-13 73 views
0

我刚开始搞乱React-Native,并且在图像组件上挂起了电话。React-Native,从相对路径加载图像时出错

我试图从相对路径加载图像。 https://github.com/JoeTheDave/LuLaFlow/blob/master/client/Application/Components/LuLaFlow.js

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

但我发现了一个生成错误说,产生的图像路径是一个无效目录。

有人可以看看我的github项目,并指出我做错了什么?

感谢

+0

你在Windows上吗? –

+0

不,我在Mac上。 – jdavis

回答

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

+0

哇......不敢相信大写错误会让我如此悲痛。 - 感谢您指出了这一点。有效。 – jdavis