无法解析模块“./app/img/bg.png”答案

【问题标题】：Unable to resolve module './app/img/bg.png'无法解析模块“./app/img/bg.png”
【发布时间】：2019-07-22 10:30:47
【问题描述】：

当我尝试使用以下代码设置图像源时，它工作正常

<Image source={require('/home/xbyte/Ravi/React Native/projects/saloonApp/app/img/bg.jpg')} style={styles.image} />

但后来我尝试像其他用户一样使用下面的代码设置图像源，当时它无法正常工作

<Image source={require('./app/img/bg.jpg')} style={styles.image} />

请帮助我摆脱这个问题。

提前致谢。

【问题讨论】：

第一个工作正常，因为第一个有完整的图像路径，第二个有一个带有 ./ 的短路径，这意味着系统在运行时会自动采用前缀，但它不能正常工作跨度>
"/home/xbyte/Ravi/React Native/projects/saloonApp/app/img/bg.jpg" 这是图像文件的路径，这个文件在我的本地存储中
在这个文件“/home/xbyte/Ravi/React Native/projects/saloonApp/app/components/SplashScreen/index.js”中

标签： image react-native react-native-android

【解决方案1】：

不确定您的确切问题是什么

选项 1

将您的图像移动到 my-app-mobile\android\app\src\main\res\drawable 中可用的 drawable 文件夹

但是对于设置图像源使用可以如下 uri

<Image source={{ uri: "bg.jpg" }} style={styles.deviceIcon} />

选项 2 使用不同的命令行，因为您的图像似乎没有捆绑

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

【讨论】：