时间:2021-05-19
如果运行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调试react-native android报错内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
安装ReactNativeTools在插件市场搜索react找到ReactNativeTools进行安装:创建的react-native的工程拖入vscode中
首先要确认已经配置好react-native的环境。#创建一个native应用,SimpleApp,然后进入项目目录react-nativeinitSimple
React-NativeAndroid与IOS共用代码React-Native开发的App,所有组件iOS&Android共用,共享一份代码包括一些自定义的组件
首先创建简单的react-native项目,创建一个文件夹。然后用命令符输入react-nativeinitswiper创建完成之后开发项目,我用的vs打开控制
不论是React还是React-native,facebook官方都推荐使用ES6的语法,没在项目中使用过的话,突然转换过来会遇到一些问题,如果还没有时间系统的