解决错误No bundle URL present by:

在你的项目根目录中运行以下命令删除iOS构建目录，并在重新构建之前杀死其他React Native会话(假设它们运行在默认端口8081上):

Rm -rf ios/build/;Kill $(lsof -t:8081);react-native run-ios

更新你的React Native工作流，通过将上述命令组合成一个别名，并将其附加到你的Bash配置文件.bashrc，以避免这些错误发生:

Echo "alias rni=\"kill \$(lsof -t -i:8081);Rm -rf ios/build/;React-native run-ios\"" >> ~/.bashrc;源~ / . bashrc

现在你可以用一个简单的别名快捷方式运行React Native iOS构建(不用担心出现一些常见的红色死亡错误屏幕):

rni

我们通过删除构建脚本中的SKIP_BUNDLING选项来解决这个问题，RN文档建议添加该选项来加快调试构建。真正的修复(为了我们的原因)包含在RN 0.57中:

https://github.com/facebook/react-native/issues/20553

我也遇到了这个问题(第一次开始使用React Native)。当一个ios模拟(react-native run-ios)正在运行时，问题消失了。我运行npm install，然后再次运行react-native run-ios。在终端窗口中，它显示正在捆绑，然后模拟器显示欢迎屏幕。

在react-native init PropertyFinder行之后检查这个链接，尝试使用npm start(这对我来说是有效的)

========================================================================

16.9更新

我的端口8081被McAfee阻塞。直接使用不同的端口不能工作react-native start——port=8082和react-native run-ios——port=8082

几乎所有的解都试过了。但是什么都不管用。

        "react": "16.9.0",
        "react-dom": "^16.12.0",
        "react-native": "0.61.5",

解决方案:

在Xcode中搜索8081，并将它们全部替换为8082。然后运行相同的命令来构建和运行应用程序。应用程序运行顺畅

react-native start --port=8082
react-native run-ios --port=8082

.．.发生这种情况的另一个原因是，如果你已经安装了Visual Studio Code React Native Tools，但你一直试图在终端中使用React Native:它第一次会工作，但随后它会停止并显示红色的no bundle屏幕。

从vscode启动react native工作得很好…

当您不允许通过localhost进行不安全连接时，或者您试图通过http接受不安全连接时，就会发生此问题。

要解决这个问题，在info.plist上添加这个:

<key>NSAppTransportSecurity</key>
    <dict>
        <key>NSAllowsArbitraryLoads</key>
        <true/>
        <key>NSAllowsArbitraryLoadsInWebContent</key>
        <true/>
        <key>NSAllowsLocalNetworking</key>
        <true/>
    </dict>

我也有同样的问题。但我的问题是我的Mac和iPhone不在同一个wifi网络中。

因此，确保它们都在同一个网络中，并再次重建。如果不是这样，试试其他成员在这里提到的解决方案。