RN应用程序不能连接到开发服务器，浏览器可以

Question

我正在尝试从react更新-原生0.55.4到react原生0.58.4。

我面临的问题是，我的应用程序无法连接到地铁包。尽管亚洲开发银行的情况相反，模拟器和物理设备都无法连接到它。我可以在设备的chrome浏览器中很好地打开URL，但是应用程序无法连接到它。

我遵循了changelogs中的更新通知，结果得到了以下package.json：

"dependencies": {
    "react": "16.6.3",
    "react-native": "0.58.4"
  },
  "devDependencies": {
    "babel-core": "7.0.0-bridge.0",
    "babel-jest": "24.1.0",
    "jest": "24.1.0",
    "metro-react-native-babel-preset": "0.51.1",
    "react-test-renderer": "16.6.3"
  },
  "jest": {
    "preset": "react-native"
  }

我漏掉了那些不重要的包裹。

我还将.babelrc文件更改为：

{
  "presets": ["module:metro-react-native-babel-preset"]
}

环境信息：

React Native Environment Info:
    System:
      OS: Windows 10
      CPU: (8) x64 Intel(R) Core(TM) i7-8650U CPU @ 1.90GHz
      Memory: 3.21 GB / 15.93 GB
    Binaries:
      Yarn: 1.7.0 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
      npm: 6.1.0 - C:\Program Files\nodejs\npm.CMD
    IDEs:
      Android Studio: Version  3.3.0.0 AI-182.5107.16.33.5264788

任何帮助都将不胜感激。

Answer 1

在升级package.json应用程序时，仅仅更新react-native是不够的。在升级过程完成之前，必须对其他文件进行其他更改。

一个很好的起点是查看0.55.4和0.58.4中的代码之间的差异。您可以通过查看rn-diff-purge上的git来找到这些更改。如果您查看下面的链接，您将看到，除了package.json中的更改之外，还有更多的更改。

https://github.com/pvinis/rn-diff-purge/compare/version/0.55.4...version/0.58.4

其中一些更改将是多余的，可能实际上不会影响应用程序上的运行，其他更改将是关键的，必须进行。不幸的是，这种差异并没有告诉我们我们必须做什么和我们可以错过什么，它只是告诉我们不同之处。我的建议是做出它所建议的所有改变。

这也可能是有益的，看看香草版本的应用程序，你是从开始，然后移动到。您可以使用以下代码在特定版本创建一个react本机应用程序：

react-native init newproject --version react-native@0.55.4

如果您查看正式的升级文档，它说：

有些升级需要手动步骤，例如0.28至0.29或0.56至0.57。升级时一定要检查发布说明，以便确定您的特定项目可能需要的任何手动更改。

https://facebook.github.io/react-native/docs/upgrading#manual-upgrades

因此，对于您必须进行的任何特定更改，都值得查看发行说明。

最糟糕的情况是，使用0.58.4创建一个新的工作应用程序，复制您的javascript代码，安装并链接您的依赖项，然后从那里开始。

祝你好运，这可能很棘手，但如果你有耐心，你就会成功的。