React-Native Offline Bundle - 图像未显示

Question

我有一个React-Native应用程序，我正试图在发布模式下部署到我的手机。我可以将应用程序捆绑到手机上。数据库，视频和音频资产都在那里，但UI中没有显示图像。

我已经做了以下“捆绑”我的应用程序：

1. 在终端运行react-native bundle --platfrom ios --dev false --entry-file index.ios.js --bundle-output main.jsbundle的项目文件夹中
2. 将对main.jsbundle文件的引用拖动到myapp文件夹下的XCode中
3. 在XCode中，打开AppDelegate.m并取消注释jsCodeLocation = [[NSBundle mainBundle]…
4. 打开Product > Scheme > Edit Scheme然后将Build Configuration改为Release
5. 在项目导航器下选择myapp然后：在TARGETS: myappTests> Build Phases> Link Binary With Libraries下按+选择Workspace> libReact.a和Add

当我尝试使用../node_modules/react-native/packager/react-native-xcode.sh中的myapp > targets > myapp > Bundle React Native code and images设置在XCode中编译时，它会失败并使用error code 1。

我已经看过关于这个帖子的LOADS，我试过了：

• 检查Run script only when installing-应用程序然后安装但没有图像
• 将source ~/.bash_profile添加到react-native-xcode.sh - 应用程序构建失败

任何帮助将不胜感激！

Answer 1

当你生成bundle时，也把--assets-dest ./

“react-native bundle --platform ios --assets-dest ./ --dev false --entry-file index.ios.js --bundle-output iOS / main.jsbundle”

它将生成main.jsbundle和Assets文件夹。转到您的Xcode，右键单击添加要投影的文件，并将main.jsbundle文件添加到项目中。同时拖放Assets文件夹并选择按引用创建（注意：不要选择创建组）。

我使用的是反应0.33，main.jsbundle正在使用资产（小a）文件夹但生成资产（上限A）。我刚刚将生成的文件夹从Assets更改为assets并将其导入xcode并开始工作

Answer 2

是xcode或文件系统中的图像？，我在你的捆绑参数中看不到--assets-dest

react-native bundle  --minify --dev false --assets-dest ./ios --entry-file index.ios.js --platform ios --bundle-output ios/main.jsbundle

还将assets文件夹添加到xcode中，就像捆绑包一样。

请注意，只有在正确要求时才复制图像资源，请参阅documentation

Answer 3

在您的Rn项目根目录中运行此命令：

react-native bundle --entry-file ='。/ index.js'-bundle-output ='。/ main.jsbundle'-dev = false -platform ='ios'--assets-dest ='。 / IOS'

并在XCode中将文件夹的引用添加到项目中。