Expo构建RN项目扫描二维码后无法连接到exp://127.0.0.1:8081

原创 已于 2024-10-20 13:04:40 修改 · 2.1k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react native #react.js #javascript

于 2024-10-19 17:57:23 首次发布

Expo构建RN项目扫描二维码后无法连接到exp://127.0.0.1:8081

从官网上下载包后，输入npx expo start后扫描二维码会报错无法连接到exp://127.0.0.1:8081，这是因为当你输入npx expo start后，Metro Bundler 会提供一个局域网 IP 地址，而不是 127.0.0.1。因此，需要确保你在手机上扫描的是局域网 IP 地址，而不是本地主机地址。局域网 IP 地址通常看起来像 172.x.x.x或者192.x.x.x（注意手机和电脑需要连入同一个网络）。

如图未修改以前，手机扫描后无法连接。

请添加图片描述

因此，需要在命令行中输入以下代码修改IP地址：

export REACT_NATIVE_PACKAGER_HOSTNAME="172.x.x.x"//替换为你的局域网IP地址

然后再输入npx expo start --lan启动就可以啦！

npx expo start --lan

执行后exp://后面的地址就变了，之后再扫描二维码，就可以在Expo Go应用中看到你的页面了！

请添加图片描述

lualn
关注
react native学习【2】——expo初体验
qq_48285331的博客
01-08 2425
react native学习【2】——expo初体验， 欢迎交流，一切顺利！
k8s Get http://127.0.0.1:10252/healthz: dial tcp 127.0.0.1:10252: connect: connection refused问题解决
zhanglu0302的博客
06-17 2401
安装完k8s集群之后很可能会出现一下情况： 出现这种情况是kube-controller-manager.yaml和kube-scheduler.yaml设置的默认端口是0，在文件中注释掉就可以了。(每台master节点都要执行操作)
React Native 项目使用Expo模拟器运行iOS和Android
weixin_43891869的博客
10-23 1924
如果你使用的是 Genymotion 模拟器，确保它已经配置为使用你的 Android SDK 目录。如果你的设备是第一次连接到 Mac，可能需要在设备上信任这台计算机。通常，当你连接设备时，设备上会弹出一个对话框，要求你确认是否信任连接的计算机。确保你连接的设备是支持开发的应用的 iOS 版本。确保你已经用 USB 线将你的 Android 设备连接到了你的计算机。确保你已经用 USB 线将你的 iOS 设备连接到了你的 Mac。确保你的 Mac 上的安全软件或防火墙没有阻止设备与计算机的通信。
react-native expo 第一章 人麻了也要学之要命的路由与打包流程
weixin_52594202的博客
02-07 829
具体是rn的子应用还是衍生应用 没有去过多关注直接开始。
基于Expo开发react native的相关常用命令
阿琰a_的博客
10-08 1302
点击链接就会打开expo的官网，查看打包进度和时间，打包完成后就出现一个Download按钮，就可以下载打好的包，需要注意，这里的命令默认打印的是abb格式的包，用于上架商店使用，如果想打apk 的包，需要加上。启动Expo开发服务器，并在浏览器种打开Expo DevTool控制台。安装指定的 npm 包，并将其添加到 Expo 项目中。和上面的步骤一样，但是环境必须要MAC系统。两下手机也可以呼出调试菜单。Expo项目在模拟器上可以。可以呼出调试菜单，真机可以。
如何快速创建基于expo的react-native
相信自己，没有攀不过去的高山！
03-20 733
1.创建项目：npx create-expo-app 项目名2.进入到项目中：cd 项目名此时，一个基于expo的项目就已经创建好了。如果你是想在web端运行项目，还需要做一个简单的配置：npx expo install react-dom react-native-web @expo/webpack-config现在，我们就可以启动我们的项目了。
Expo|ReactNative 中实现扫描二维码功能
m0_61343119的博客
11-05 1077
以上代码使用了 `BarCodeScanner` 组件来扫描二维码。该组件会检查用户是否已授予相机权限，并根据权限状态显示相应的内容。当扫描到二维码时，会触发 `handleBarCodeScanned` 函数，你可以在这里处理扫描到的数据。在示例中，我用一个弹窗来展示扫描到的数据，你可以根据需求进行处理。
Android中Expo扫码React Native的app出错：Something went wrong Could not load exp 19000 Network response time
u014663631的博客
03-06 3506
在Android手机中用Expo去扫描React Native的app的QR code，结果出错： Something went wrong Could not load exp://192.168.56.1:19000 Network response timed out. 检查发现，手机和电脑都连接同一网络，再查ip却发现，虽然在同一网络下，ip地址却不同，因此导致这样的错误。最后发现，是...
mac上expo start后的lan地址失效，始终是127.0.0.1
爬不上树的小松鼠
07-11 823
mac上expo start后的lan地址失效，始终是127.0.0.1
FTP-document.rar_fit//127.0.0.1:5050_ftb 127.0.0.1 2121_ftb:127.
09-14
IP地址127.0.0.1 端口21 用户名admin 密码12345
本地项目包（127.0.0.1:8088）
03-12
标题中的“本地项目包（127.0.0.1:8088）”表明这是一个在本地运行的项目，通常是一个Web服务或者应用程序，它可以通过网络在本机的特定端口127.0.0.1的8088端口上访问。127.0.0.1是回送地址，表示本地主机，而8088...
React-Native-Todo-App:-（下载手机上的Expo应用程序→扫描QR码以观看实时演示）-https
05-01
该项目是通过。 您将在下面找到有关执行常见任务的信息。 本指南的最新版本可。 目录 构建世博会的“独立”应用 从Create React Native App弹出 构建依赖关系（Xcode和Android Studio） 我应该使用ExpoKit吗？ 故障排除 联网 iOS模拟器无法打开 QR码不扫描 更新到新版本 您只需要很少（理想情况下永远不需要）更新全局安装的create-react-native-app 。 更新应用程序的react-native-scripts依赖关系应该像更改package.json的版本号并重新安装项目的依赖关系一样简单。 升级到React Native的新版本需要更新react-native ， react和expo软件包版本，并在app.json设置正确的sdkVersion 。 有关软件包版本兼容性的最新信息，请参见版本控制指南。 可用脚本
expo client安装包 亲试可用
03-27
expoClient，This is the source code for the Expo client app used to view experiences published to the Expo service. Most people will not need to build the Expo clients from source. If you want to build a standalone app that has a custom icon and name, see our documentation here. You're in the wrong place, you shouldn't need to build the Expo clients from source. If you need to make native code changes to your Expo project, such as adding custom native modules, we can generate a native project for you. You're in the wrong place, you shouldn't need to build the Expo clients from source.
consumer: Cannot connect to redis://:**@127.0.0.1:6379/1: Error 10061 connecting to 127.0.0.1:6379.
weixin_42236288的博客
02-24 3878
windows 系统下 在使用celery 链接redis时报这个错误，一个测试 from celery import Celery app = Celery('demo', broker='redis://:root@127.0.0.1/1') # 创建任务函数 @app.task def my_task(): print("任务函数正在执行....") 报这个错是由...
解决k8s Get http://127.0.0.1:10252/healthz: dial tcp 127.0.0.1:10252: connect: connection refused
热门推荐
任我行的博客
02-20 2万+
安装完k8s集群之后很可能会出现一下情况： # kubectl get cs NAME STATUS MESSAGE ERROR scheduler Unhealthy Get http://127.0.0.1:10251/healthz: dial tcp 127.0.0.
Expo是什么？使用Expo创建ReactNative工程和构建
qq_37819292的博客
04-11 1万+
此文记录了Expo的工程搭建、构建应用到Expo Go 沙箱环境中、使用云端远程构建、使用本地构建。
expo-cli创建的项目手机访问不了。
最新发布
zwjapple的专栏
03-17 388
在开发环境中，确保 Expo CLI 使用的是正确的 IP 地址。然后重新启动 Expo CLI 服务。
5-java安全基础——RMI和JNDI实现漏洞利用
网络安全
07-14 4010
JNDI（Java Naming and Directory Interface，Java命名和目录接口）是一组在Java应用中访问命名和目录服务的接口，jndi可以实现给当前服务器的所有资源定义一个唯一的访问标识（例如数据库，网页，文件，连接池等等），方便开发者通过指定的标识来访问对象（目标资源文件，数据库等等）。 关于什么是标识符？可参考RMI注册表，例如在RMI中通过rmi://10.100.0.1:10086/userRmiServices来映射RMI注册表中的userRmiServices远
react native 项目使用 expo 二维码扫描失败
weixin_30715523的博客
04-17 1770
　　今天学习react native，需使用expo在移动端进行调试。 　　npm start 运行项目后，使用expo扫描二维码，始终没有反应。于是决定采用这个方法： 　　 　　连上手机打开usb调试后，按下‘a’，等了一会，界面提示： 　　something went wrong network. response timed out. 　　仔细一看，觉得可能ip有问题，查看电脑的i...
访问 http://127.0.0.1:8001/edu/ 直接跳转到 127.0.0.1:8081
09-11
访问 `http://127.0.0.1:8001/edu/` 直接跳转到 `127.0.0.1:8081` 可能需要通过服务器端的重定向技术来实现，例如在 Node.js 中可以使用 `res.redirect()` 方法，而在前端浏览器环境下，可以利用 JavaScript 的 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值