解决VSCode调试react-native android项目错误问题

作者:晒干的老咸鱼 时间:2023-10-14 02:02:11 

如果运行react-native android项目出现如下错误:

解决VSCode调试react-native android项目错误问题

解决办法如下:

一、执行adb devices,判断adb有没有断,

二、如果是adb断了就使用一下步骤 


adb reverse tcp:8081 tcp:8081
npm start

如果adb没断,直接 


npm start

如果执行gradle ass打包命令进行打包之后,出现如下错误:

解决VSCode调试react-native android项目错误问题

1、检查react-native项目工程目录下的index.js里面的AppRegistry.registerComponent(appName, () => App);看注册的项目名是什么,这个注册的项目名很重要;

2、检查android工程下的MainActivity的以下方法返回的是什么:


@Override
protected String getMainComponentName() {
 return "whzsagent";
}

3、检查android工程app/src/main/assets/index.android.bundle文件当中r.exports={name:"whzsagent",displayName:"whzsagent"}},APP_ANDROID_UPDATE_TYPE:'whzsagent-android',APP_IOS_UPDATE_TYPE:'whzsagent-ios'这4个地方

4、检查ios目录下的AppDelegate.m文件的如下方法:


RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
             moduleName:@"whzsagent"
           initialProperties:nil
            launchOptions:launchOptions];

以上4个地方返回的值要是统一的,否则打包之后启动app运行就会报以上错误。

有时候修改了ip地址,修改了app的包名,app注册模块名等之后,打包apk再运行时会发现要么地址总是指向不对,要么就是启动异常,这个时候可能就是app/src/main/assets/index.android.bundle文件导致的,必要时需要重新编译该文件

app/src/main/assets/index.android.bundle文件的编译方法为:

第一步:在Android/app/src/main目录下创建一个空的assets文件夹
第二步:react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

来源:https://blog.csdn.net/chali1314/article/details/111170001

标签:VSCode,调试,react-native,android
0
投稿

猜你喜欢

  • mybatis group by substr函数传参报错的解决

    2022-09-10 03:44:34
  • Java注解(annotation)简述

    2022-03-07 08:10:12
  • 详解Java分布式事务的 6 种解决方案

    2022-06-19 13:33:49
  • Android XML設置屏幕方向(android:screenOrientation)详解

    2021-09-08 09:46:35
  • Java 重命名 Excel 工作表并设置工作表标签颜色的示例代码

    2023-02-22 15:35:34
  • java中超过long范围的超大整数相加算法详解(面试高频)

    2022-09-15 11:22:05
  • 使用Java Minio搭建自己的文件系统详解

    2023-05-20 05:15:01
  • springboot前端传参date类型后台处理的方式

    2023-04-12 16:47:35
  • MyBatis字段名和属性名不一致的解决方法

    2022-12-15 18:15:22
  • Kotlin Lambda表达式实践使用介绍

    2023-08-16 06:11:14
  • Android Dispatchers.IO线程池深入刨析

    2022-12-13 16:20:31
  • Android使用Room操作数据库流程详解

    2023-03-21 21:00:31
  • SpringBoot与Angular2的集成示例

    2021-09-02 22:24:55
  • 在Eclipse中运行Solr 基础知识

    2021-07-06 22:51:04
  • Gradle的使用教程详解

    2022-08-12 05:02:11
  • MyBatis注解实现动态SQL问题

    2023-08-19 02:34:09
  • java实现三角形分形山脉

    2023-05-23 23:47:40
  • 在Visual Studio上构建C++的GUI框架wxWidgets的开发环境

    2023-04-12 01:02:06
  • C#警惕匿名方法造成的变量共享实例分析

    2021-08-26 19:35:22
  • C# Winform实现捕获窗体最小化、最大化、关闭按钮事件的方法

    2021-10-18 08:01:29
  • asp之家 软件编程 m.aspxhome.com