React Native代码中的错误

Question

我想学习React Native，所以我尝试遵循React Native的文档页面 React Native DOC

我想用本机代码创建一个应用程序，因此我按照说明进行了操作。当我运行该应用程序时，出现以下错误：

看着构建成功，我很高兴，但是当我检查自己的android模拟器时，它显示了意外错误。

我已在Android Logcat中添加了错误的屏幕截图

我试图重置缓存，但是失败了。

我对此完全陌生，所以我不明白为什么我会收到此错误。我自行搜索，还有另一种使用expo创建新应用的方法。使用expo创建应用程序然后退出将使该应用程序使用本机代码，但是在expo中创建后，它运行良好，但退出后则无效。

感谢您的帮助。

谢谢。

Package.json

{
  "name": "aowinas",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "babel-preset-react-native-stage-0": "^1.0.1",
    "jest": "^23.2.0",
    "jest-react-native": "^18.0.0",
    "react-test-renderer": "16.3.1"
  },
  "scripts": {
    "start": "react-native start",
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "test": "jest"
  },
  "jest": {
    "preset": "react-native"
  },
  "dependencies": {
    "react": "16.3.1",
    "react-native": "~0.55.2"
  }
}

Answer 1

我可以使用以下步骤解决问题：

react-native init AwesomeProject
cd AwesomeProject
react-native run-android
npm uninstall react-native
npm install --save react-native@0.55.4
react-native run-android
npm install --save babel-core@latest babel-loader@latest
npm uninstall --save babel-preset-react-native
npm install --save babel-preset-react-native@4.0.0
react-native run-android