无Bundle URL找到 - React Native入门指南

Question

我正在遵循 React Native 入门指南 中的步骤，但无法运行该应用程序。当我运行代码 cd /Users/brandonsmac/SysDevMobileApps/ReactNative/AwesomeApp && npx react-native run-ios 后，它会显示成功构建，但在查看屏幕时会提示“缺少捆绑包 URL”。

我注意到有一个相关帖子 react-native No bundle URL present，我尝试了其中的方法，但仍然出现错误。

另外，我还可以展示使用 Expo 运行时出现的情况，但也失败了。

请问有人能帮助我吗？

- B. Cratty

Answer 1

我在这里找到的答案有效。 https://onexlab-io.medium.com/no-bundle-url-present-fixed-ca2688a80f66

步骤1：

• 打开 package.json 文件并添加以下行

  "build:ios": "react-native bundle --entry-file='index.js' --bundle-output='./ios/main.jsbundle' --dev=false --platform='iOS'"

• 现在你的文件看起来像下面的截图

第二步：

• 运行以下命令。它将生成main.jsbundle文件

  yarn build:ios 或者 npm run build:ios

第三步：

• 在Xcode中打开iOS项目，如下所示的截图

在“选择 -> 目标 → 构建阶段”下的复制捆绑资源中，点击加号按钮，如下图所示。

它会显示如下提示。然后选择文件main.jsbundle并点击添加按钮。

步骤4：

尝试重新运行您的应用程序

npx react-native run-ios
or
react-native run-ios

步骤5：

完成！

- B. Cratty

---

这个答案的变体对我有用。运行后，我注意到我无法进行远程调试，它抱怨localhost:8081，所以我检查了我的HOSTS文件，并发现在某个时候我删除了_127.0.0.1_ localhost引用。放回后，我又能够进行远程调试了。 - RiaanP

我尝试了这个解决方案，但是出现了错误：error opening bundle private/var/containers/Bundle/Application/xxx.xxx.xxx/myappnative.app/main.jsbundle&inlineSourceMap=true - 有什么想法吗？ - Bomber

Answer 2

对我有效的方法是：

1. 点击应用程序目标
2. 查找React Native代码和图像包
3. 取消选中仅安装构建运行脚本
4. 取消选中基于依赖分析运行脚本。

- Oguntoye Anuoluwapo

Answer 3

对我来说，通过取消此处的“仅在安装时运行脚本”选项进行修复：

目标 -> 生成阶段 -> 打包React Native代码和图像

- MasterPiece