React Native App with Expo - QR码未加载答案

【问题标题】：React Native App with Expo - QR code not loadingReact Native App with Expo - QR码未加载
【发布时间】：2020-01-07 19:48:01
【问题描述】：

我正在学习本教程：

https://blog.expo.io/building-a-react-native-app-using-expo-and-typescript-part-1-a81b6970bb82

yarn global add create-react-native-app

create-react-native-app my-app-name

cd my-app-name

yarn start

我与我的手机 (Android) 在同一个网络上。没有VPN。我在我的应用程序的根文件夹中。它说Loading dependency graph, done.，所以我知道它正在运行。

防火墙也因此关闭，这不是超时错误。

当我扫描二维码时：

Something went wrong. Could not load exp://10.0.0.21:19000.

我的问题可能是什么？

编辑

新错误：Uncaught Error: java.net.ConnectException: Failed to connect to /10.0.0.21.19000

【问题讨论】：

如果您使用的是 LAN，请确保您的设备与您的开发机器在同一个 wifi 网络上。这可能不适用于某些公共网络。除非您在模拟器中，否则 localhost 将不适用于 iOS，并且仅当您的设备通过 USB 连接到您的机器时，它才适用于 Android。
只是一些其他提示。确保验证链接与配置文件中的链接相同。如果是这样，请尝试在浏览器中访问它并启动网络调试工具。进一步的网络测试很有帮助，例如跟踪和查看请求/响应的情况。前段时间我遇到过这个问题，但只需用我的浏览器或 curl 测试链接就可以解决。希望对您有所帮助。
@hongdevelop 感激不尽。所有设备都在同一个wifi网络上。这是在安卓上。还是不行。
@jazzmasterkc 我在哪个端点上使用 chrome 调试器工具？

标签： react-native expo yarnpkg

【解决方案1】：

如果您的设备和开发电脑没有连接到同一台服务器，请尝试在 chrome 中打开调试器，然后选择tunnel。

【讨论】：

【解决方案2】：

在节点 v12.18 上。在 package.json 降级博览会和 react-native 连接器中。 38 个作品而不是 40 个作品。

"expo": "~38.0.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-38.0.0.tar.gz",

然后删除 node_modules 并重新安装它们

rm -rf node_modules
npm install

然后再次运行：

npm start

这次 QR 应该可以工作了

【讨论】：

【解决方案3】：

就我而言，我使用了 tunnel 并且 sdk 版本存在问题 - 我有 39.0.0，我应该只使用 36、37 或 38 - 这就是我的消息从 expo 得到，所以我所做的就是进入 app.json 文件，并在 expo 中添加以下行（或者如果它已经存在，则只需更改它）：

"sdkVersion": "38.0.0"

它应该看起来像：

    "expo": {
            "name": "DoneWithIt",
            "slug": "DoneWithIt",
            "sdkVersion": "38.0.0",
            "version": "1.0.0",

    ....
    ....
    }

在依赖项中的package.json文件中，将“expo”和“react-native”中的版本更改为38.0.0：

"dependencies": {
    "expo": "~38.0.0",
    "expo-status-bar": "~1.0.2",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk- 
     38.0.0.tar.gz",
    "react-native-web": "~0.13.12"
  }

然后运行：

cd yourAppName 
npm start

它将加载到您的手机上。你可以从这里观看： https://www.youtube.com/watch?v=eS8VULijAZ4

在此视频中，他使用 32.0.0，因此请注意更新版本（在我的情况下，38.0.0 适用于 09/2020）

【讨论】：

【解决方案4】：

只需从应用程序中删除 node_modules 文件夹，然后运行 npm install 即可获取依赖项。

现在运行expo start 或npm start，二维码将立即加载。

【讨论】：

【解决方案5】：

运行命令

expo start --tunnel

【讨论】：