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

  介绍

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

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

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

解决办法如下:

一、执行亚行设备,判断亚行有没有断,

二,如果是亚行断了就使用一下步骤,

adb  reverse  tcp: 8081年,tcp: 8081,   开始,npm 

如果亚行没断,直接,

, npm 开始

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

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

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

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

@Override   ,protected  String  getMainComponentName (), {   return 才能“whzsagent";   以前,}

3,检查android工程app/src/main/资产/index.android.bundle文件当中r.exports={名称:“whzsagent", displayName:“whzsagent"}}, APP_ANDROID_UPDATE_TYPE: & # 39; whzsagent-android& # 39;, APP_IOS_UPDATE_TYPE: & # 39; whzsagent-ios& # 39;这4个地方

4,检查ios目录下的AppDelegate。米文件的如下方法:

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

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

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

应用程序/src/main/资产/index.android。包文件的编译方法为:

第一步:在Android/app/src/主要目录下创建一个空的资产文件夹
第二步:react-native包——Android平台开发错误——条目文件索引。js - bundle-output android/app/src/main/资产/index.android。包——assets-dest android/app/src/main/res/

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