首页 > 解决方案 > React Native 代码中的错误

问题描述

我想学习 React Native,所以我尝试关注 React Native React Native DOC的文档页面

我想用本机代码创建一个应用程序,所以我按照说明进行操作。当我运行应用程序时,出现以下错误: 在此处输入图像描述

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

在此处输入图像描述

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

在此处输入图像描述

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

在此处输入图像描述

我对此完全陌生,所以我不明白为什么会出现此错误。我自己搜索,还有另一种使用 expo 创建新应用程序的方法。使用 expo 创建一个应用程序然后弹出将使该应用程序使用本机代码,但在 expo 中创建后它工作得非常好,但在弹出后它不起作用。

任何帮助表示赞赏。

谢谢你。

包.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"
  }
}

标签: androidreact-native

解决方案


我能够使用以下步骤解决问题:

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

推荐阅读