1. 程式人生 > >React Native Android 8081端口占用問題

React Native Android 8081端口占用問題

最近配置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,所以手機端會顯示出你寫的頁面。
歡迎指正,有不對的地方我立馬修改~~~