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文件配置下面的文件名 密码

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

相关推荐
Java后端的Ai之路4 小时前
14、ReactJS - 路由(Router)
前端·react.js·状态模式
持敬chijing4 小时前
白盒测试与代码审计-js登录逆向实战
javascript·网络·安全·web安全·网络安全·网络攻击模型
优选资源分享5 小时前
PicGo v3.0.3 新版 | 开源免费图床工具
javascript·笔记·electron
ShineWinsu5 小时前
对于JavaScript:JavaScript基础语法的解析
开发语言·前端·javascript·面试·web·基础语法·循环
普通人66 小时前
php+html+canvas实现树状打开的结构
开发语言·javascript·html5·1024程序员节
猫头_7 小时前
AI 流式传输工程指南:模型吐出半截 JSON,前端如何边收边渲染?
前端·javascript·llm
鶴哥只手遮天8 小时前
React 19.3.1 源码深度剖析-第 12 章(下)RSC 与 Flight 协议
前端·react.js·开源
我的div丢了肿么办8 小时前
element-plus表格使用:filter-method过滤导致出现无数据
前端·javascript·vue.js
YIAN8 小时前
入门篇:LangGraph 入门实战:从零搭建最简单的 RAG 问答系统
javascript·langchain
YIAN9 小时前
高级篇:进阶多跳 RAG:子问题拆解 + 循环检索 + 智能规划,搞定复杂链式问题
javascript·langchain