初次接觸ReactNative,搭建環境、調試時遇到的報錯們及解決方法

初次搭建ReactNative總會碰上各類報錯以及紅黃屏報錯
若是還沒有搭建環境,請轉至官網搭建
https://reactnative.cn/docs/g...html

紅屏是fatal error(程序沒法正常運行),黃屏是Warming(程序能夠運行可是可能存在一些潛在問題)node

- SDK location not found
首次使用 React Native 命令行工具來建立一個名爲"AwesomeProject"的新項目後react

react-native run-android

運行後會報錯,如圖android

clipboard.png

解決方法:
到你的已有android項目中複製一份local.properties文件到android文件夾下
如我就複製到Rndemo2AwesomeProjectandroid文件夾下
用記事本或任何編輯軟件打開local.properties文件,
clipboard.png
修改爲你本身的sdk路徑react-native


- 運行到真機上,提示apk安裝失敗app

解決方法:
1.手機沒有打開USB調試功能
若是你和我同樣是小米手機,那麼用下面的方法打開USB調試功能工具

clipboard.png

設置-個人設備-所有參數spa

clipboard.png

MIUI版本連擊五次,打開開發者模式命令行

更多設置-開發者選項
clipboard.png調試

打開USB調試和USB安裝
而後在命令行輸入

$ adb devices
List of devices attached
emulator-5554 offline   # Google emulator

若出現以上文字則說明設備已鏈接
如今你能夠運行react-native run-android來在設備上安裝並啓動應用了


- The development server returned response error code:500

修改完SDK路徑後,運行到虛擬機或真機上咱們會發現以下報錯,
clipboard.png

解決方法:
1.NPM包出現異常產生的問題,能夠嘗試把node_modules文件夾刪除後從新下載一次
2.create-react-native-app AwesomeProject命令和react-native
run-android混用,嘗試刪掉工程,從新在項目根目錄裏運行如下命令行代碼

react-native init AwesomeProject 
cd AwesomeProject 
react-native run-android
相關文章
相關標籤/搜索