React Native在真機執行(IOS)

2021-09-13 22:01:25 字數 2147 閱讀 5277

如果之前在模擬器除錯過,換成真機執行的時候務必關閉模擬器;
需要修改的配置:

bundle identifier 修改為: com.soho3q

如果上來就執行的話,會報錯:

改完介面:

修改如下:

確認目標裝置的系統版本一致:

同樣也要確認tests測試用例專案下的配置:

開啟info.plist檔案;

值改為yes;

jscodelocation = [[nsbundle mainbundle] urlforresource:@"/main.ios" withextension:@"jsbundle"];
目前為止配置的基本差不多了,這個時候可以點執行試試,但極有可能會出現以下錯誤:

好像是類庫匯入的問題;

檢視到報錯的檔案位置:

是在測試用例下類庫缺失;

解決辦法:

target選擇測試;

找到build phases,新增資源庫;

新增:解決完上邊問題,再次 cmd + r 執行,如果執行成功,即可在手機上看到模擬器執行時同樣介面;

離線執行需要打包後把jsbundle新增到專案中;同時,xcode中需要修改下配置;

檔案中找到localhost,替換為你的ip;

react-native bundle --entry-file index.js --bundle-output ./ios/bundle/main.ios.jsbundle --platform ios --assets-dest ./ios/bundle --dev false
在ios目錄下新建乙個bundle資料夾,用於存放打包完的main.ios.jsbundle 和assets檔案;

或者直接在package.json 中新增命令:

"bundle-ios": "react-native bundle --entry-file index.js --bundle-output ./ios/bundle/main.ios.jsbundle --platform ios --assets-dest ./ios/bundle --dev false"
接下來執行打包命令;

npm run bundle-ios

輸出jsbudle後在xcode中新增進去;

直接拖進去,

選擇此項

再次執行,如果順利,即可成功打乙個離線包,裝到手機上;

離線包模式下開啟chrome除錯會很慢,甚至load不出來;所以可以打release包;

具體設定: product > scheme > edit scheme

選擇relesase

這種版本不會出現紅屏報錯;

React Native真機執行錯誤

一.安卓錯誤 gradle 錯誤 檢視執行錯誤說明的gradle版本 1.並解壓到 users chenjie目錄下 2 開啟mac上的 終端 輸入以下命令,將gradle的bin目錄新增至到環境變數中 vi bash profile 3 設定環境變數 grade home users chenji...

真機執行不了處理方案

2016 03 23 19 03 12 分類 工程問題解決方法 問題描述 更新到xcode 7.2之後發現如下問題 your build settings specify a provisioning profile with the uuid some number however,no such...

React Native真機紅屏報錯總結

一 run android報錯 unable to load script from assets index.android.bundl 解決 2.新建assets資料夾 3.執行 二 run android報錯 module hmrclient is not a registerd callab...