基於 android 建立 React-Native 專案與連線夜深模擬器

追_光_者發表於2018-08-14

第一步:安裝好android環境(sdk ,jdk)

第二步:安裝node環境,npm install -g react-native-cli (可以使用淘寶的cnpm來提高下載速度)

第三步:建立專案

             進入到你需要建立專案的目錄中執行:react-native init demo(專案名稱),一直回車即可

第四步:下載夜深模擬器

  • 首先需要adb連線到模擬器  用adb devices檢視模擬器的device是什麼  直接進入nox 的bin目錄下執行 nox_adb devices
  • 然後在sdk的platform-tools目錄下執行 adb.exe connect 127.0.0.1:62001(剛剛查詢的devices名稱)

第五步:啟動react-native專案

基於 android 建立 React-Native 專案與連線夜深模擬器

這個錯誤的原因是react版本與react-native版本不匹配
在package.json  中修改react-native的版本為: "react-native": "0.55.0"

刪除node_modules資料夾之後 在執行 npm install

基於 android 建立 React-Native 專案與連線夜深模擬器

這個錯誤是bable的問題 

在package.json 中修改babel-preset-react-native為: "babel-preset-react-native": "^2.1.0"

刪除node_modules資料夾之後 在執行 npm install

基於 android 建立 React-Native 專案與連線夜深模擬器

這個問題設定下IP地址即可 

基於 android 建立 React-Native 專案與連線夜深模擬器基於 android 建立 React-Native 專案與連線夜深模擬器

基於 android 建立 React-Native 專案與連線夜深模擬器

好了 你的第一個react-native專案就跑起來了




相關文章