为啥安装反应原生导航模块后应用程序不起作用？

Posted 2023-02-16

【中文标题】为啥安装反应原生导航模块后应用程序不起作用？

【英文标题】：why the app doesnt works after install react native navigation module?为什么安装反应原生导航模块后应用程序不起作用？

【发布时间】：2021-07-14 11:30:12

【问题描述】：

好吧，在我执行这个命令之前没有错误：“npm install @react-navigation/native”。安装此模块后，当我在 android 模拟器中执行应用程序时，反应本机应用程序不起作用。我的node.js、npm、android_home、android sdk没有问题。

10 秒后构建失败

错误 无法安装应用程序。确保您已设置 Android 开发环境：https://facebook.github.io/react-native/docs/getting-started.html#android-development-environment。使用 --verbose 标志运行 CLI 以获取更多详细信息。 错误：命令失败：gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

FAILURE：构建失败并出现异常。

出了什么问题： 任务“:app:preDebugBuild”执行失败。

无法解析配置“:app:debugCompileClasspath”的所有文件。 无法转换工件“react-native-reanimated-61.aar（项目：react-native-reanimated）”以匹配属性 artifactType=android-manifest。 > JetifyTransform 执行失败：C:\Users\JohnH\Desktop\ReactNative Coding\ReactNative\react_native_navigation_01\node_modules\react-native-reanimated\android\react-native-reanimated-61.aar。 > 无法使用 Jetifier 转换 'C:\Users\JohnH\Desktop\ReactNative Coding\ReactNative\react_native_navigation_01\node_modules\react-native-reanimated\android\react-native-reanimated-61.aar'。原因：无法在 'FileMapping(from=C:\Users\JohnH\Desktop\ReactNative Coding\ReactNative\react_native_navigation_01\node_modules\react-native-reanimated\android\react-native-reanimated-61.aar, to= C:\Users\JohnH\Desktop\ReactNative Coding\ReactNative\react_native_navigation_01\node_modules\react-native-reanimated\android\build.transforms\c66aa8e9da80f2493bdea3fa761dc58e\jetified-react-native-reanimated-61.aar)'。 （使用 --stacktrace 运行以获取更多详细信息。）

尝试： 使用 --stacktrace 选项运行以获取堆栈跟踪。使用 --info 或 --debug 选项运行以获得更多日志输出。运行 --scan 以获得完整的见解。

通过https://help.gradle.org获得更多帮助

10 秒后构建失败

at checkExecSyncError (child_process.js:616:11)
at execFileSync (child_process.js:634:13)
at runOnAllDevices (C:\Users\JohnH\Desktop\ReactNative Coding\ReactNative\react_native_navigation_01\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:94:39)
at buildAndRun (C:\Users\JohnH\Desktop\ReactNative Coding\ReactNative\react_native_navigation_01\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\index.js:179:41)
at then.result (C:\Users\JohnH\Desktop\ReactNative Coding\ReactNative\react_native_navigation_01\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\index.js:133:12)

package.json “名称”：“react_native_navigation_01”， “版本”：“0.0.1”， “私人”：真的， “脚本”： "android": "react-native run-android", "ios": "react-native run-ios", "start": "react-native start", “测试”：“开玩笑”， “lint”：“eslint”。 , “依赖”： "@react-native-community/masked-view": "^0.1.10", "@react-navigation/native": "^5.9.4", "@react-navigation/stack": "^5.14.4", “反应”：“16.9.0”， “反应原生”：“0.61.5”， "react-native-gesture-handler": "^1.10.3", "react-native-reanimated": "^2.1.0", "react-native-safe-area-context": "^3.2.0", “反应原生屏幕”：“^3.1.1” , “开发依赖”： "@babel/core": "7.13.15", "@babel/runtime": "7.13.10", "@react-native-community/eslint-config": "0.0.5", "babel-jest": "24.9.0", “eslint”：“6.8.0”， “笑话”：“24.9.0”， “metro-react-native-babel-preset”：“0.56.4”， “反应测试渲染器”：“16.9.0” , “开玩笑”： “预设”：“反应原生”

【参考方案1】：

我今天也遇到了同样的问题。由于我们需要安装react-native-reanimated，我确实检查了它的文档，它们不支持react-native "react-native": "0.61.5"。

尝试升级您的 react-native 依赖项。它对我有用。祝你好运！

参考：https://docs.swmansion.com/react-native-reanimated/docs