React Native: could not connect to development server

问题:

运行模拟器错误:无法连接到开发服务器


原因分析:

1、确认模拟器连接状态,是连接成功的

查看进程的端口占用,也没问题

typescript 复制代码
lsof -i tcp:8081
kill pid

2、检查包服务器是否运行正常

连接真机进行调试发现真机是正常的
http://localhost:8081/index.bundle?platform=android&dev=true&minify=false

能够访问, 没有问题

3、检查模拟器能否访问相应地址

在模拟器的browser上打开
http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false

发现不能访问

和模拟器不同的是真机默认访问的是localhost:8081

尝试在android模拟器的浏览器上将10.0.2.2:8081替换为localhost:8081127.0.0.1:8081

发现可以访问

原因在于模拟器不能访问10.0.2.2:8081

关于模拟器网络地址空间 :参考阅读:设置 Android 模拟器网络

搜索到一篇相关文章

could not connect to development server react native ios simulator

解决

因为当时一直开着公司的代立所以将所有的代立都关掉后重启项目发现还是不行,我是直接在编辑器里直接启动的所以感觉应该不太会是代立的问题,也检查过了并没有相关的 tmp文件,很奇怪不过最后重启路由器后就好了。

相关推荐
玫城18 小时前
[ VUE ] 封装通用数组校验组件,el-input内使用
前端·javascript·vue.js
弓.长.1 天前
React Native 鸿蒙跨平台开发:实现一个多功能单位转换器
javascript·react native·react.js
摘星编程1 天前
React Native for OpenHarmony 实战:ToggleSwitch 切换开关详解
javascript·react native·react.js
lili-felicity1 天前
React Native for Harmony:Rating 评分组件- 支持全星 / 半星 / 禁用 / 自定义样式
react native·华为·harmonyos
满栀5851 天前
分页插件制作
开发语言·前端·javascript·jquery
qq_406176141 天前
深入剖析JavaScript原型与原型链:从底层机制到实战应用
开发语言·前端·javascript·原型模式
弓.长.1 天前
React Native 鸿蒙跨平台开发:BottomSheet 底部面板详解
javascript·react native·react.js
摘星编程1 天前
React Native for OpenHarmony 实战:Permissions 权限管理详解
javascript·react native·react.js
闲蛋小超人笑嘻嘻1 天前
Vue 插槽:从基础到进阶
前端·javascript·vue.js
摘星编程1 天前
React Native for OpenHarmony 实战:SearchBar 搜索栏详解
javascript·react native·react.js