React-native 屏幕沒有出現在使用 react-native 的 iOS 模擬器上

Question

我現在正在嘗試使用 react-native 開發一個應用程序，但是第一個項目運行不正常。

環境

• cocoapods-1.9.3
• 節點 v10.16.2
• 守望者 4.9.0
• 蘋果 Swift 版本 5.2.4 (swiftlang-1103.0.32.9 clang-1103.0.32.53) 目標：x86_64-apple-darwin19.4.0

我試過的

我根據官方引用做了環境設置。

$ npx react-native init AwesomeProject
$ cd AwesomeProject
$ npx react-native run-ios

我看到 iOS 屏幕，但沒有像“Welcome to react-native”這樣的語句，應該出現在屏幕上。 我在模擬器上看到的是這個。

當我執行命令時

$ npx react-native start

我可以看到像這樣的 react-native 標志，

               ######                ######               
             ###     ####        ####     ###             
            ##          ###    ###          ##            
            ##             ####             ##            
            ##             ####             ##            
            ##           ##    ##           ##            
            ##         ###      ###         ##            
             ##  ########################  ##             
          ######    ###            ###    ######          
      ###     ##    ##              ##    ##     ###      
   ###         ## ###      ####      ### ##         ###   
  ##           ####      ########      ####           ##  
 ##             ###     ##########     ###             ## 
  ##           ####      ########      ####           ##  
   ###         ## ###      ####      ### ##         ###   
      ###     ##    ##              ##    ##     ###      
          ######    ###            ###    ######          
             ##  ########################  ##             
            ##         ###      ###         ##            
            ##           ##    ##           ##            
            ##             ####             ##            
            ##             ####             ##            
            ##          ###    ###          ##            
             ###     ####        ####     ###             
               ######                ######               

                 Welcome to React Native!
                Learn once, write anywhere



To reload the app press "r"
To open developer menu press "d"

但是下面有一個警告聲明。

warn No apps connected. Sending "reload" to all React Native apps failed. Make sure your app is running in the simulator or on a phone connected via USB.
info Reloading app...

我怎樣才能獲得像這張顯示為成功結果的圖片的模擬器屏幕？

Answer 1

在你的 React Native 項目文件夾中運行npx react-native start ：然后運行npx react-native run-ios 。 等待 Metro bundler 啟動，然后運行此命令

另一種方法是從文檔中嘗試 expo 版本解決方案或仔細閱讀 React Native CLI 快速入門解決方案。