确保你的项目中有.jsbundle

Add

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

在react原生代码中 尝试重新打开项目

确保launchPackage.command在终端中运行，然后重试运行。它将构建捆绑包。它有点像webpack-dev-server。

我也遇到过这样的问题……问题是封装器没有运行，似乎可能是因为我的默认shell是zsh。react-native厌倦打开一个新的终端窗口并运行…/node_modules/react-native/packager/ launchpacker .命令，但是这个命令没有运行。手动运行(并保持运行)为我解决了这个问题。

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

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

大多数情况下，此问题发生在DNS查找/ IP查找无法找到本地主机时。

解决方案:

尝试将localhost ip添加到etc主机文件中。

你可以在etc主机文件(/etc/hosts)中添加以下代码行

127.0.0.1 localhost

255.255.255.255 广播主机

::1升。ocalhost

要确认这就是问题所在 你可以在safari上点击bundle url(如果你在chrome中尝试，这将解决，但safari将无法解决它)。http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false

原因:

这是因为应用程序无法找到服务器(通过javascript代码为UI服务)。

解决方案:

确保所有相关的react native关闭(不是必要的，只是为了我的解决方案有一个干净的开始，在我的解释后，你可以弄清楚这是需要的还是不需要的) 先运行NPM Run start或yarn start 等待此命令完成工作(通常你会看到加载依赖关系图，完成)。 运行react-native Run -ios/android

解释:

React Native包含2部分: 本地部分 Javascript部分 构建命令: React-native run-ios/android是构建本机部分，然后部署到设备上，并在设备上启动应用程序(模拟器/模拟器/真实设备)。这通常需要3~4分钟才能完成。 npm run start或yarn start是构建javascript部分，并启动开发服务器为应用程序提供构建的UI。这通常需要30秒完成。

通常情况下，javascript部分先完成，然后是本地部分。(根据他们使用的时间)。

=>这只适用于第一次构建(新鲜构建)。

=>重建:

原生部分只需要10~15秒来检查更改，因为在javascript部分构建和服务之前，原生部分=>没有更改。(我不确定javascript部分是否被重建，但它比本地部分花费了更长的时间) 这就是为什么我们有这个问题，应用运行时要求的东西还不存在。

奖金:

React-native run-ios/android会自动启动开发服务器。 这就是为什么当你在react-native init <app_name>之后运行react-native run-ios/android时，一切都运行得很好。(因为自动启动功能和新构建的时间是上面的状态)。 其他“移除”解决方案之所以有效，是因为它们迫使人们重建。

在这个答案上使用的时间是相对于我的机器=>可能不同于其他人。