React-Native，从相对路径加载图像时出错

Question

我刚刚开始搞乱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项目，并指出我做错了吗？

由于

Answer 1

您的路径正确，但图片名称中的拼写错误。打包服务器区分大小写，因此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