无法为 React Native (iOS) 创建离线包

Question

您好，我正在尝试使用以下代码为反应原生 iOS 创建一个离线包以进行测试

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

完成此操作后，我尝试使用命令react-native run-ios --configuration=release 运行应用程序，一旦完成，应用程序就会立即打开并崩溃。所以我这次使用react-native run-ios，应用程序通过本地开发服务器打开，如果我终止开发服务器，我将收到 Unhandled JS Exception 错误。对于 Android，我尝试了以下步骤以使其正常工作。

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

即使我终止本地开发服务器，该应用程序也可以在 Android 中运行。感谢您为 iOS 构建离线捆绑包的任何帮助。

编辑 1：

使用命令为 iOS 捆绑后

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

我能够在 iOS 目录中生成 ma​​in.jsbundle，然后按照以下步骤操作。

1. 删除所有App Transport Security Settings 并在Info.plist 文件中添加Allow Arbitrary Loads(true)。

2. 将运行编辑方案编辑为发布

3. 从

   更改了 jsCodeLocation

   jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];

到

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];

4. 产品 -> 构建

执行上述步骤后，我收到以下错误

File /Users/jeffreyrajan/Library/Developer/Xcode/DerivedData/app_prod-fnewtufemaynsoedmhggmfjynoti/Build/Products/Release-iphonesimulator/app_prod.app/main.jsbundle does not exist. This must be a bug with
+ echo 'React Native

这是整个错误的截图

这是项目结构

当前版本：

• 反应：16.0.0
• 反应原生：0.51.0
• Xcode:9.2

Answer 1

运行 bundler 命令的构建脚本似乎没有正确处理文件路径中的空白字符。我可以从您发布的屏幕截图中看到，您的项目路径在React-Native Projects 目录中包含一个空格字符。

如果您将目录重命名为例如React-Native-Projects，存档构建将正常工作。

一般来说，将目录和文件名限制为字母数字字符是一种很好的开发人员做法，因为许多 Unix 工具需要转义其他字符类型。