React Native Android 8081端口占用問題
阿新 • • 發佈:2019-01-25
最近配置React Native在window環境下寫Android程式,遇到不少坑,在此記錄一下8081埠被佔用的坑。
檢查8081埠
在這裡我們先用cmd命令提示符檢查一下8081埠的佔用情況,在命令列輸入以下命令
netstat -aon|findstr "8081"
獲取到PID再輸入下面命令檢視是什麼程式佔用你的埠
tasklist|findstr "這裡寫你獲取到的pid"
如下圖
我這裡遇到的就是java.exe一直佔用8081埠,就算在工作管理員kill掉還是會重新啟動佔用埠。下圖是佔用埠時啟動的提示,在手機端也會出現紅色頁面,點選之後空白頁。
kill不掉,就不用這個埠唄,可是React Native 預設是8081埠啟動nodejs環境,沒辦法,那我們就重新啟動一個,然後在手機上指定新的埠。
步驟1
找到使用node生成的ReactNative專案 使用node命令:
在cmd命令中,切換到專案目錄下,輸入:
react-native start --port 9999
步驟2
端口占用的情況下React Native 還是會給你的Android手機或者是虛擬機器安裝一個軟體,就是你的軟體,首先我們先開啟這個軟體,搖晃手機或者開啟選單,找到Dev Settings,點選進去,然後找到Debug server host & port for
device 然後輸入電腦的ip地址和埠
好了,做完這兩步,我們就
react-native run-android
吧。
react-native run-android之後還是會出現找不到8081埠的錯誤,忽略,不重要,因為我們已經把手機端訪問的埠改成9999,所以手機端會顯示出你寫的頁面。
歡迎指正,有不對的地方我立馬修改~~~