温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》
  • 首页 > 
  • 教程 > 
  • 开发技术 > 
  • 利用VSCode对react-native android项目进行调试时出现报错如何解决

利用VSCode对react-native android项目进行调试时出现报错如何解决

发布时间:2020-12-17 14:05:36 来源:亿速云 阅读:246 作者:Leah 栏目:开发技术

利用VSCode对react-native android项目进行调试时出现报错如何解决?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

如果运行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/

关于利用VSCode对react-native android项目进行调试时出现报错如何解决问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI