解决React-native 调试 端口被占用方法

最新推荐文章于 2023-07-07 17:39:42 发布
原创 最新推荐文章于 2023-07-07 17:39:42 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#React-native #android

博客介绍了解决端口占用问题的方法，通过命令sudo lsof -i tcp:8081查找占用端口8081的进程号，然后kill该进程号，以释放端口。

1. 查找占用端口的进程号：sudo lsof -i tcp:8081  

2. kill 找到的进程号

修改 React Native 端口号：完整指南
2301_79326588的博客
10-02 702
通过编辑 React Native 项目的 Metro 配置文件，您可以轻松修改默认的端口号。按照上述步骤进行操作，您就可以使用自定义的端口号来满足特定的需求。附加提示：在修改端口号后，您还需要确保您的应用程序代码中的网络请求和其他相关配置与新的端口号匹配。例如，如果您的应用程序使用了硬编码的 API 地址，您需要相应地更新它们以使用新的端口号。本文将为您提供一份详细的指南，介绍如何修改 React Native 的端口号。要修改端口号，我们需要编辑 Metro 的配置文件。如果您有任何疑问，请随时提问。
react-native start 提示8081端口被占用
倒骑驴走着瞧的博客
03-17 780
然后重新react-native start 就没有问题了
native8081端口 react_React-Native 8081端口被占用
weixin_33006121的博客
12-29 341
写在前面万事皆有因，写这篇文章的缘由呢，是因为。。。刚开始接触RN的时候，一切都是辣么顺利，跟着文档走啊，一般都是不会有什么错的，然后项目轻轻松松就跑起来了，顺便一下，文档在这里-->http://reactnative.cn/可是容易得来的总是没那么容易留得住，有那么几个月没有去接触，最近项目又没那么紧了，又想起来要倒腾一下RN，结果出了岔子了，就是没办法连上8081端口，就像这张图项目异...
mac 上 react native 8081端口被占用
滴水可以穿石 百炼才能成钢，谋全局而通一域 致广大而尽精微
08-22 3039
1命令 lsof -i tcp:port  （port替换成端口号，比如8081）可以查看该端口被什么程序占用，并显示PID，方便KILL 2使用kill -9 + pid  3.重启xcode
React Native 端口号被占用 - RN
survivorsfyh的博客
03-13 1091
几经周折搭建好项目准备感脚一番的时刻，启动服务 yurn run ios 片刻后 gg 竟然凉了 。。。 查看了下抛出的异常提示信息端口号被占用 Error: listen EADDRINUSE: address already in use :::8081 解决办法 既然异常信息锁定到了，那么盘它便是。前端开发的时候也经常会遇到端口号被占用的情况发生，那么同样的逻辑尝试修改一波...
React Native项目运行与调试--安卓
weixin_39285322的博客
07-07 1085
2、安装成功后，打开调试工具。确保React Native的所有调试器客户端都已关闭，通常是http://localhost:/debugger-ui。4、点击DEBUG选项，调试工具就会捕获到对应应用了。8、在上面这个窗口中，输入r代表重新reload项目，输入d代表打开真机上开发者菜单。7、这样代表运行成功，如果中间失败了，重新执行命令再试一下。4、通过USB连接手机与电脑，并打开手机的USB调试开关。3、打开开发者菜单，在上面应用运行窗口按d。，第一次运行比较慢，等待一会。
ReactNative踩坑之配置调试端口的解决方法
01-19
本文介绍了ReactNative踩坑之配置调试端口的解决方法，分享大家，顺便也给自己留个笔记 问题是这样的,由于公司的机器安装了安全软件，http://localhost:8081被占用了。(windows上配置环境真不易，最后一步还是被公司...
VS Code开发React-Native及Flutter 开启无线局域网安卓真机调试问题
08-19
4. 在 VS Code 终端运行 yarn start（或者 react-native start），默认端口是 8081，如果端口被占用可以在命令后加入 --port=指定的端口号。 5. 在浏览器中打开该端口地址，在 VS Code 控制台也可以看到访问日志和...
react-native 环境配置&Android studio搭配夜神模拟器做react-native调试常遇问题
qq_39762109的博客
03-29 1205
前提在window Android 下 一、根据RN官网https://reactnative.cn/docs/getting-started/讲述下载相应的，必要的JDK、python、Android studio; 照着对应的安装教程都没什么问题，这些做完后下载夜神模拟器进行安装， 二、重点来了： 链接夜神模拟器 （1）、打开夜神模拟器， （2）打开命令行窗口， （3）打开到夜神安装目录（如c...
React Native Android 8081端口占用问题
凉西米的博客
05-11 9550
最近配置React Native在window环境下写Android程序，遇到不少坑，在此记录一下8081端口被占用的坑。检查8081端口在这里我们先用cmd命令提示符检查一下8081端口的占用情况，在命令行输入以下命令 netstat -aon|findstr "8081"获取到PID再输入下面命令查看是什么程序占用你的端口tasklist|findstr "这里写你获取到的pid"如下图
react-native-debugger的使用整理
qq564280420的博客
03-22 4194
react-native-debugger的使用整理 利用react-native-debugger可以在react-native项目中监听和api交互的数据，搜集过程中经历了比较长的时间，现在一些感受整理如下，希望能帮助到需要的人 一、下载 点击下面链接进行下载release版本，根据需要安装 https://github.com/jhen0409/react-native-debugger/releases 二、运行react-native-debugger 默认打开如下图 三、切换端口 debug
react native开发react-native-debugger调试工具使用教程
阿琰a_的博客
03-29 6407
众所周知react-native环境搭建比较繁琐，会出现一大堆问题，环境安装好后，调试react-native项目也着实让人头疼，今天推荐一下react-native-debugger调试工具上面是react-native-debugger下载链接。
React-native 遇到问题总结
shuang__zi的专栏
02-21 425
react-native 开发遇到的一些问题
react native 端口号被占用，修改启动端口号
好巧的博客
03-23 3456
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。例如：已经启动了一个rn项目，接着又启动一个rn项目（rn项目默认端口号为8081，不会自动递增）直接在启动命令后边加，相比于第一种方式，这种需要每次启动都手动加上启动端口号。第一种方法为每次启动都用固定的端口号，如果只是临时用一下可以看第二种方法。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
教你轻松修改React Native端口(如何同时运行多个React Native、8081端口占用问题)
热门推荐
fengyuzhengfan的专栏
08-19 1万+
当我们运行一个React Native项目的时候，React Native会启动一个默认端口号为8081的本地服务，该8081的服务就是React Native项目的一个本地服务器，用于提供JSBundle包和一些静态资源。这一切都是React Native帮开发者配置好的，一切都是那么简便，但如果出现如下几种情况，那么你需要认真阅读本文了：
react-native 项目开发问题
weixin_33858485的博客
12-11 285
1.安装依赖 注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！ 可以用官网描述的yarn 2.Android真机调试 大力晃动手机 弹出菜单 3.Unable to load script from assets index.android.bundle... 链接 www.jianshu.com/p/a6f97bdc0… 4.Module HMRClien...
React-Native 模拟器运行与调试
weixin_34332905的博客
03-14 868
2019独角兽企业重金招聘Python工程师标准>>> ...
运行RN项目报错Error: listen EADDRINUSE: address already in use :::8080
马农莎的博客
02-21 481
这是端口被占用了 解决办法如下 netstat -ano // 在终端也就是命令行中输入 去找到你项目的被占用的端口号 1 例如我的是8080的端口 然后记住最右边的数字 在命令行继续输入 tskill 19144 // 这样就杀死了这个端口号的进程 1 再去重新运行你的项目就好了 ...
React Native项目端口号修改
卜小娴的博客
12-18 1655
在我们通过react-native init 【project-name】命令初始化项目的时候，创建的项目默认端口号为8081，所以当我们同时开启多个项目或者有其他任务进程占用8081端口号的时候就会报错，说端口号被占用，这时候我们就可以对当前React Native项目修改8081端口号，方法有下面两种：1.在命令行窗口以其他端口号启动运行首先在cmd命令中，在项目目录下输入：react-nati
npx react-native start卡死
最新发布
07-14
在使用 React Native 开发时，执行 `npx react-native start` 命令时出现卡死问题是一个常见现象，可能由多种原因导致。以下是可能导致该问题的原因及相应的解决办法： ### 1. **端口被占用** React Native 默认使用 Metro Bundler 来打包 JavaScript 文件，而 Metro 默认监听的端口是 `8081`。如果该端口被其他进程占用，则会导致启动失败或卡死。 - **解决方案：** - 查找占用 `8081` 端口的进程： ```bash netstat -ano | findstr :8081 ``` - 获取到 PID（进程 ID）后，终止该进程： ```bash taskkill /F /PID <PID> ``` 例如： ```bash taskkill /F /PID 4192 ``` ### 2. **缓存问题** 有时，Metro Bundler 的缓存可能会损坏，导致服务无法正常启动。 - **解决方案：** 清除缓存并重新启动： ```bash npx react-native start --reset-cache npx react-native run-android ``` ### 3. **文件路径问题** 某些项目路径中包含特殊字符或空格，可能导致 Metro 无法正确解析路径，从而引发正则表达式错误或路径匹配问题[^5]。 - **解决方案：** - 检查项目路径是否包含中文、空格或特殊字符，将其更改为全英文路径。 - 更新 `metro-config` 包至最新版本，以修复潜在的路径匹配问题。 ### 4. **依赖版本不兼容** 如果项目中的依赖版本存在冲突，尤其是与 `react-native` 或 `metro-bundler` 相关的依赖，也可能导致服务启动失败。 - **解决方案：** - 升级或降级相关依赖版本，确保所有依赖之间兼容。 - 使用官方推荐的依赖版本组合。 ### 5. **杀掉所有 Node.js 进程** 有时，系统中可能存在多个 Node.js 进程同时运行，导致资源竞争或端口冲突。 - **解决方案：** - 在 Windows 上可以通过任务管理器结束所有 Node.js 进程。 - 在 macOS 或 Linux 上可以使用以下命令： ```bash pkill node ``` ### 6. **使用实验性调试器启动** 如果上述方法均无效，可以尝试使用实验性调试器来启动 Metro 服务，有时可以绕过某些未知的启动问题： ```bash npx react-native start --experimental-debugger ``` ### 7. **检查 hosts 文件配置** 在某些情况下，开发环境的 `hosts` 文件配置异常（如本地 DNS 配置错误）也会导致 Metro 启动卡顿。 - **解决方案：** - 检查 `C:\Windows\System32\drivers\etc\hosts`（Windows）或 `/etc/hosts`（macOS/Linux），确保其中包含以下条目： ``` 127.0.0.1 localhost ::1 localhost ``` ### 8. **禁用防火墙或杀毒软件** 某些安全软件可能会拦截 Metro 的网络请求，导致连接超时或服务卡住。 - **解决方案：** - 临时关闭防火墙或杀毒软件，尝试重新启动服务。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值