首页 > 解决方案 > 创建反应原生应用程序博览会无法连接在同一台计算机上的模拟器上运行

问题描述

我是 react native 的新手,我使用create-react-native-app命令生成项目,执行npm start启动打包程序。到目前为止一切都很好,打包程序在地址 192.168.232.56:19000 上运行,它显示了二维码和菜单,但是当我在模拟器中点击a启动应用程序时,expo 应用程序显示:

出了点问题,无法加载 exp://192.168.232.56:19000

日志说明

ConnectException:无法连接到 /192.168.232.56:19000

在模拟器中使用浏览器我可以自由上网,所以有连接

任何帮助都非常感谢!(澄清一下,模拟器运行在我开发和打包程序运行的同一台计算机上)

更新:从模拟器中的浏览器访问地址10.0.2.2:19000会抛出以下 json:

{
    "sdkVersion": "27.0.0",
    "name": "template",
    "slug": "template",
    "version": "0.1.0",
    "xde": true,
    "developer": {
        "tool": "crna",
        "projectRoot": "/home-root/repo/template"
    },
    "packagerOpts": {
        "hostType": "tunnel",
        "lanType": "ip",
        "dev": true,
        "minify": false,
        "urlRandomness": null
    },
    "env": {},
    "bundleUrl": "http://localhost:19001/./node_modules/react-native-scripts/build/bin/crna-entry.bundle?platform=ios&dev=true&minify=false&hot=false&assetPlugin=%2Fhome-root%2Frepo%2Ftemplate%2Fnode_modules%2Fexpo%2Ftools%2FhashAssetFiles",
    "debuggerHost": "localhost:19001",
    "mainModuleName": "./node_modules/react-native-scripts/build/bin/crna-entry",
    "logUrl": "http://localhost:19000/logs",
    "id": "@anonymous/template-a79d4723-c675-4546-8d61-74b0a969417f"
}

标签: react-nativeandroid-emulatorexpocreate-react-native-app

解决方案


尝试使用 Expo XDE。如果这不起作用,请尝试更改主机类型。重新启动一切也可能对您有所帮助,以及清除打包程序缓存。如果没有任何效果,可能是您的防火墙阻止了端口 19003 到 19000,但我相信这应该不是问题,因为您正在运行本地模拟器


推荐阅读