react native 运行问题和调试 --持续更新

第一阶段: 运行项目-搭建环境

问题一: 一直卡住这里

原因: 模拟器不对 sdk35 模拟器也得有。具体实现:这里的API选择 show All

问题二:版本不一样 直接改成一致(也搞了半天 一开始没看到具体哪几个不一致 后来整体改了)

箭头的版本要和 react、react-dom保持一致

复制代码
"react": "19.0.0",
"react-dom": "19.0.0",
"react-native": "0.78.0",

版本不一致 也会报一些不想关的错误:

问题三: 报错

TurboModuleRegistry.getEnforcing(...): 'Devicelnfo' could notbe found. Verif

解决办法:需要安装react-native-device-info

但是有冲突:

执行npm install react-native-device-info --legacy-peer-deps

运行的结果:

太坑了!!!

执行的命令为:

1.npm install ; 2.npm start ; 3.npm run android

步骤二: 调研---如何调试

1.谷歌浏览器输入: chrome://inspect/#devices

配置本地链接

就可以看到后续的:

第三坑: 调试

查资料需要ctrl+m 但是我点没反应,查了一堆资料 发现是我运行的有问题,

打开终端: npm start

再打开另一个终端 : npm run android(注意: 不能在一个终端 要分开,否则调试不了)

然后按下ctrl+m

有个选择,然后出现这个框

第五步:打包

cd android

./gradlew assembleRelease

报错(因为接手别人的项目 有配置好的文件 但是执行还是报错

> Configure project :react-native-reanimated Android gradle plugin: 8.8.0 Gradle: 8.12 > Task :app:validateSigningRelease FAILED [Incubating] Problems report is available at: file:///E:/android/senke_app/android/build/reports/problems/problems-report.html FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:validateSigningRelease'. > Keystore file 'E:\android\senke_app\android\app\my-release-key.keystore' not found for signing config 'release'. * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. > Get more help at https://help.gradle.org. Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0. You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins. For more on this, please refer to https://docs.gradle.org/8.12/userguide/command_line_interface.html#sec:command_line_warnings in the Gradle documentation. BUILD FAILED in 31s 882 actionable tasks: 46 executed, 836 up-to-date

重新生成密钥并配置:

1. ‌**生成签名密钥(打开cmd 执行下面的命令 然后 要填写一些信息 照着填写就行)**‌

安卓应用必须使用签名密钥(.keystore.jks 文件)进行签名。可以通过以下命令生成:

复制代码

keytool -genkeypair -v -keystore my-release-key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias my-alias

  • -keystore:指定密钥库文件名(如 my-release-key.jks)。
  • -alias:密钥别名(如 my-alias)。
  • -validity:密钥有效期(天)。

2. ‌配置 Gradle 签名

android/app/build.gradle 中配置签名信息:

复制代码

groovyCopy Code

javascript 复制代码
android { signingConfigs { release { storeFile file("my-release-key.jks") storePassword "your_store_password" keyAlias "my-alias" keyPassword "your_key_password" } } buildTypes { release { signingConfig signingConfigs.release minifyEnabled true // 启用代码压缩 proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } }

3. ‌生成发布版 APK 或 AAB

生成 APK

运行以下命令生成签名后的 APK:

cd android

./gradlew assembleRelease

具体配置的:

gradle.properties文件配置下面的文件名 密码

继续升级打怪 ----研究清除缓存报错问题

相关推荐
Achieve前端实验室3 小时前
JavaScript 原型/原型链
前端·javascript
LXA08093 小时前
vue3开发使用框架推荐
前端·javascript·vue.js
用户90443816324603 小时前
React 5 个 “隐形坑”:上线前没注意,debug 到凌晨 3 点
前端·javascript·react.js
一头小鹿4 小时前
【React Native】如何在开发中使用Appwrite
react native
AAA阿giao4 小时前
Promise:让 JavaScript 异步任务“同步化”的利器
前端·javascript·promise
浮游本尊5 小时前
React 18.x 学习计划 - 第八天:React测试
前端·学习·react.js
sg_knight5 小时前
微信小程序中 WebView 组件的使用与应用场景
前端·javascript·微信·微信小程序·小程序·web·weapp
程序员小寒6 小时前
前端高频面试题之Vuex篇
前端·javascript·面试
GISer_Jing6 小时前
跨平台Hybrid App开发实战指南
android·flutter·react native