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

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

发布时间：2020-12-17 14:05:36

来源：亿速云

阅读：102

作者：Leah

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

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

解决办法如下：

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

二、如果是adb断了就使用一下步骤adb reverse tcp:8081 tcp:8081

npm start

如果adb没断,直接npm start

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

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

vscode android调试,利用VSCode对react-native android项目进行调试时出现报错如何解决...相关推荐

Android之Windows下搭建React Native Android开发环境（差不多搞了一天）
Android之Windows下搭建React Native Android开发环境穷逼买不起mac,但是他们都说React Native Android只能在mac下面 ...
创建react项目并启动出现的报错及解决
一.预备知识:npm (也可以用yarn,本文以npm为例) npm介绍全称为Node Package Manager,是随同NodeJS一起安装的包管理工具. 允许用户从NPM服务器下载别人编写的 ...
react native与webview通信跳转页面报错：Cannot read property 'setNativeProps' of undefiend
这个错误是我这边用react native和webview通信的时候,因为要从webview跳回到react native的页面,所以就从webview传过来一个路由字符串.本来以为可以通过navig ...
adb 更新 android sdk,[转载]安装Android时SDK AVD MANAGER时更新报错的解决办法
最近安装Android SDK时,发现更新时出现"A folder failed to be renamed or moved."等类似错误.经过测试和G后发现解决办法目前有两种情 ...
VS2103进行调试时提示报错R6034解决方法
1.具体错误解决办法: 参考原帖:Stack Overflow一个大神帖子!https://stackoverflow.com/questions/14552348/runtime-error-r6 ...
android 网络时区错误,React native 安卓机器上调试代码报错：网络请求出错TypeError: Network request failed...
React native 安卓机器上调试代码报错:网络请求出错TypeError: Network request failed 安卓机器 usb连接调试报错信息 TypeError: Networ ...
React Native Android 源码框架浅析（主流程及 Java 与 JS 双边通信）
[工匠若水 http://blog.csdn.net/yanbober 未经允许严禁转载,请尊重作者劳动成果.私信联系我] 1 背景有了前面<React Native Android 从学车到 ...
逻辑性最强的React Native环境搭建与调试
ReactNative系列文章: 1.<逻辑性最强的React Native环境搭建与调试> 2.<ReactNative开发工具有这一篇足矣> 正文 React Native ...
React Native搭配夜神模拟器调试(windows)
React Native 搭配夜神模拟器进行调试 (windows) 在学习 React Native 的过程中,我选择使用了夜神模拟器进行项目调试,接下来就来记录一下在使用模拟器之前的一些准备工作. ...
React Native Android 从学车到补胎和成功发车经历
[工匠若水 http://blog.csdn.net/yanbober 未经允许严禁转载,请尊重作者劳动成果.私信联系我] 1 背景好几个月没发车了,完全生疏了,为了接下来能持续性的发好车,这次先准 ...

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

vscode android调试,利用VSCode对react-native android项目进行调试时出现报错如何解决...相关推荐

最新文章

热门文章