React Native Android 8081端口占用问题

本文介绍了解决ReactNative在Windows环境下开发Android应用时遇到的8081端口冲突问题。通过更改端口和手机端配置,实现正常运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近配置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,所以手机端会显示出你写的页面。
欢迎指正,有不对的地方我立马修改~~~

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值