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

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

相关推荐
CaliXz4 分钟前
取出51.la统计表格内容为json数据 api
java·javascript·json
Rysxt_5 分钟前
Vue 集成富文本编辑器教程
前端·javascript·vue.js·富文本
开发者小天8 分钟前
React中的受控组件示例
前端·javascript·react.js
奋斗吧程序媛8 分钟前
request请求相关
前端·javascript·vue.js
克喵的水银蛇17 分钟前
Flutter 通用列表项封装实战:适配多场景的 ListItemWidget
前端·javascript·flutter
Howie Zphile18 分钟前
做移动端的 Next.js 项目,可以选哪些 UI?
开发语言·javascript·ui
WX-bisheyuange19 分钟前
基于Spring Boot的宠物商城网站设计与实现
前端·javascript·vue.js·毕业设计
苏打水com24 分钟前
第四篇:Day10-12 JS事件进阶+CSS动画——实现“复杂交互+视觉动效”(对标职场“用户体验优化”需求)
javascript·css·交互
初遇你时动了情25 分钟前
react native实战项目 瀑布流、菜单吸顶、grid菜单、自定义背景图、tabbar底部菜单、轮播图
javascript·react native·react.js
BD_Marathon28 分钟前
【JavaWeb】JavaScript使用var声明变量的特点
javascript