react-native模擬機調試步驟詳解 ——親測有效!!!!

步驟

  1. 1

    下載安裝夜神模擬器,去夜神官網下載便可!而後安裝完成!進入到初始化項目的目錄,打開cmd命令,運行adb connect 127.0.0.1:62001 連接模擬器html

    react-native模擬機調試與真機調試步驟
  2. 2

    連接完成以後,運行安裝react-native項目!react-native run-androidreact

    在運行這個命令以前,最好先開啓項目運行服務,react-native startandroid

    有的狀況下,在run-android的時候,會自動開啓服務,windows

    react-native模擬機調試與真機調試步驟
  3. 3

    等待安裝debug版本的剛初始化的react-native項目!安裝完成以後,打開模擬器中的APP,會看到一個react-native的歡迎頁react-native

    react-native模擬機調試與真機調試步驟
  4. 4

    這時候一個簡單的剛初始化好的APP就安裝在你的模擬器當中了,然而如今並不能進行調試開發,由於還須要配置如下幾個東西:1.2.記錄電腦的ip地址,能夠在cmd命令當中運行ipconfig查詢到ip4地址,3,打開模擬器浮窗,選擇device settings 找到ports設置,運行服務IP加端口,也就是查詢到的IP地址加8081端口,4.設置完成後,便可打開浮窗選擇reload,就刷新的APP,開發調試流程成功!工具

    那咱們先一步步來,獲取IP地址:運行->ipconfig獲取IP地址post

    react-native模擬機調試與真機調試步驟
  5. 5

    而後打開模擬器浮窗,選擇device settings,點擊以後選擇debug sever host ports那一項flex

    react-native模擬機調試與真機調試步驟
    react-native模擬機調試與真機調試步驟
  6. 6

    而後輸入以前查詢到的IP地址加端口號,而後肯定,點擊返回,打開浮窗,選擇reload就能夠開始調試了!this

    react-native模擬機調試與真機調試步驟
    react-native模擬機調試與真機調試步驟
  7. 7

    這樣,整個的模擬器調試流程,及過程就已經完成了!用IDE打開項目以後,修改了代碼,直接打開浮窗,reload一下就能夠看到效果了!spa

     

    若是上 面的方法不行試試下來的方法

    React Native 與 夜神模擬器的綁定

    以前一直用真機去調試,

    每回更新一次都須要手動搖晃手機後才能reload JS,

    OMG,太麻煩了。

    後來尋思模擬器網上推薦用Geny。。。什麼的模擬器,可是那個模擬器還須要VBox一塊兒用。

    有點麻煩,而後我就下載了一個夜神模擬器。

    速度很快,一點都不卡,可是模擬器系統使android 4.4版本的。有點遺憾。

    好了,進入正題:

    順便說明一下我如今用的工具備關RN的,以下:

    1. Microsoft VS Code:

    2.YeShen模擬器

    3. Nodejs

    4. react-native-master

    React Native 與 夜神模擬器同步:

    首先你須要adb鏈接到模擬器上。

    但你怎麼知道模擬器device是什麼,adb devices。

    直接運行adb devices那麼應該什麼都沒有。

    首先你須要啓動模擬器,而後進入夜神安裝目錄的bin目錄下。

    1
    1. $D:\ReactNative\YeShen\Nox\bin>nox_adb devices

    *若是沒有顯示device那麼到任務管理器中找到NoxVMHandle.exe的PID而後再去找到對應host:port

    *cmd中netstat -aon|findstr 【PID】就會顯示

    而後你就知道device名字了。而後你須要adb與此模擬器鏈接在一塊兒。

    1
    2.$D:\adt-bundle-windows-x86\android-sdk\android-sdk\platform-tools>adb.exe connect 127.0.0.1:62001

    好了,鏈接成功了。

    而後你就能夠吧RN項目安裝到夜神模擬器上面了($react-native run-android)。

    而後我再RN項目中設置Debug Server其中server設置爲127.0.0.1:8081可是仍是不行。說是我沒有reverse或沒有connect。

    後來我試了一下ipconfig中的ip地址,竟然能夠了。

    1
    5.$在夜神模擬器中設置(使用ipconfig中的ip地址)

     

    若是經過127.0.0.1:8081不能正常啓動RN項目,那麼就用真實的ip地址應該沒有問題。

     若是遇到 這個錯誤,解決方案以下:

    adb server version (32) doesn't match this client (39); killing...

     

    [plain]  view plain  copy
     
    1. E:\android\android-sdk-windows\platform-tools>adb version  
    2. Android Debug Bridge version 1.0.39  
    3. Version 0.0.1-4500957  
    4. Installed as E:\android\android-sdk-windows\platform-tools\adb.exe  
    adb server version (32) doesn't match this client (39); killing...

     

    原來是驅動是.39,找一個老版本的.32就好了。

    百度一下:adb 1.0.32。

    找一個免費的替換就好了。 

    http://dl.pconline.com.cn/download/359035-1.html

相關文章
相關標籤/搜索