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 項目並在模擬器上運行。

謝謝

瓦桑塔·維賈亞拉特納