Question

我在向项目中添加静态图片时遇到问题。我添加了一个包含图像的资源文件夹，重新启动了打包程序并收到以下错误：

error: bundling failed: 
Error: Unable to resolve module `../../assets/img/receiptIcon.PNG` from
`C:\Users\Keith\Desktop\Phase1\Screens\Receipts\ReceiptRow.js`:
The module `../../assets/img/receiptIcon.PNG` could not be found from 
`C:\Users\Keith\Desktop\Phase1\Screens\Receipts\ReceiptRow.js`. Indeed, none of
these files exist:`C:\Users\Keith\Desktop\Phase1\assets\img\receiptIcon.PNG(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)` 
 `C:\Users\Keith\Desktop\Phase1\assets\img\receiptIcon.PNG\index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)`

将以下路径复制到文件资源管理器中会按预期打开图像。我确保文件路径中没有特殊字符，如其他帖子中所建议的那样，我已将图像复制到与js文件相同的目录中，但仍然遇到未解决的模块错误。

这是我添加图片的方式：（我尝试使用具有相同结果的不同路径，＆＃39; receiptIcon.png＆＃39;。＆＃39; ./ receiptIcon.png＆＃39;，＆＃39; ./../ .. /assets/img/receiptIcon.png' ;,＆＃39; ./../../ assets / img / receiptIcon.PNG＆＃39;）

    <View  style={styles.iconContainer}>
      {/* icon image*/}
      <Image source={require('./receiptIcon.PNG')} style={styles.icon} />
    </View>

我有什么遗漏，因为据文档说我只需要将图像添加到项目目录中，然后打包器会完成剩下的工作吗？我正在使用 react-native-cli：2.0.1 反应原生：0.52.0

（从网址加载，拍摄照片和相机胶卷/相册时，我也可以使用图像）

捆绑错误将图像添加到React Native Android

0 个答案: