React Native 应用程序未在 XCode iOS 模拟器中运行

Question

我尝试使用 React Native 迈出第一步。 Android 开发（在 Windows 主机上）有效。 现在我想测试iOS，并尝试在MacBook Pro上设置开发环境。

问题：React Native 启动了 iOS 模拟器，然后就没有任何反应了。 模拟器运行正常，但我的 React 本机应用程序无法启动。

我需要做什么才能让我的 React Native 安装运行？

更多信息：

我根据运行 OSx 10.13.2 (High Sierra) 的 MacBook Pro 上的文档设置了 XCode 和 React Native。 XCode 安装并测试成功，包括模拟器。

当我安装 Node.js 时，我特意选择了一个旧版本（包含 npm 4.2.0），因为论坛说 React Native 仍然有 npm 5 的问题。我还安装了 Homebrew 和 Watchman，如文档中所述。

要初始化一个空项目，我使用

create-react-native-app HelloWorldProject

并且在我的 Documents 文件夹中创建了一个项目结构。

如果我最终使用以下命令启动我的“Hello World”测试应用程序

cd HelloWorldProject
sudo react-native run-ios

系统响应：

Starting packager ...
Starting simulator ...

然后什么也没有发生。 模拟器确实启动了（启动 --> 苹果标志 --> 进度条 --> IO 启动屏幕），但之后没有任何反应。

编辑我已经放弃 React Native 有几个原因，我把这个问题留在这里是为了记录，但我无法验证或接受任何答案，我不再有 React Native 开发环境了。

Answer 1

这可能是因为您使用了sudo 。 /.expo/归 root 所有。 尝试更改所有权

sudo chown -R `whoami` ~/.expo

参考https://github.com/react-community/create-react-native-app/issues/422

Answer 2

即使您的应用程序中的所有内容看起来都很好，但有时您会遇到应用程序通过终端或 Xcode 加载时间过长的问题。 如果您的项目没有任何其他特定问题，则以下解决方案大部分时间都有效：

1. 转到您的应用程序文件夹，然后转到“iOS”文件夹。

2. 删除“Podfile.lock”和“Pods”文件夹。

3. 在终端中从您的“ios”文件夹中执行以下命令，这将带回“Podfile.lock”并且所需的 Pod 将安装到“Pods”文件夹中：

   吊舱安装

4. 删除“iOS”文件夹中的“build”文件夹。

5. 在终端中运行以下命令：

   react-native run-ios

6. 在终端运行时，在 Xcode 的“ios”文件夹中打开“.xcworkspace”。

上述步骤将确保它将新构建您的 React Native 项目并在模拟器上运行。

谢谢

瓦桑塔·维贾亚拉特纳