React Native Android 8081端口占用问题

来源:互联网 发布:做账软件免费 编辑:程序博客网 时间:2024/06/05 19:12

最近配置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

这里我是换成9999端口,看个人需要,自己调整。
然后启动成功,
这里写图片描述
我们访问一下路径看是否成功
http://localhost:9999/index.android.bundle?platform=android
出现下面这个页面
这里写图片描述
好了下一步。

步骤2

端口占用的情况下React Native 还是会给你的Android手机或者是虚拟机安装一个软件,就是你的软件,首先我们先打开这个软件,摇晃手机或者打开菜单,找到Dev Settings,点击进去,然后找到Debug server host & port for
device 然后输入电脑的ip地址和端口
这里写图片描述

好了,做完这两步,我们就

react-native run-android

吧。
react-native run-android之后还是会出现找不到8081端口的错误,忽略,不重要,因为我们已经把手机端访问的端口改成9999,所以手机端会显示出你写的页面。
欢迎指正,有不对的地方我立马修改~~~

1 0
原创粉丝点击