![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React Native错误集
慕天远
勤奋好学,
展开
-
React Native Android9.0以上打包apk后http请求不到解决方法
错误原因:android9.0默认禁止访问不安全的请求,比如http。解决方案:方法1: 使用认证过的https(我用的是阿里云免费证书,因为使用https还得配置,所以用了http)方法2: 分为两步第一步:在res下新增加一个xml目录,然后创建一个名为network_security_config.xml文件如下图:文件内容如下:<?xml vers...原创 2020-01-07 14:43:04 · 2353 阅读 · 1 评论 -
com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: INSTALL_PARSE
INSTALL_FAILED_VERSION_DOWNGRADErn安装到安卓设备上失败:原因:安装版本低于设备上已安装版本需卸载已存在版本原创 2019-12-25 11:40:03 · 1107 阅读 · 0 评论 -
RN打包错误集锦
打包注意事项: 1. 使用管理员身份打开命令窗口 2. 最好事先删除android/app/build目录,这个目录在打包的时候会重新生成 3. my-release-key.keystore必须放在android/app目录下,否则会报找不到该文件。...原创 2019-12-25 09:50:24 · 482 阅读 · 0 评论 -
Error:Execution failed for task ':app:transformDexArchiveWithExternalLibsDexMergerForDebug'的解决办法
昨天因为更改了许多代码 导出出现了某个莫名其妙的问题,百般调试下没有任何进展 只好将项目删掉,从github上重新clone了一份,经过挑时候最终出现了这个错误出现这个错误的原因是包的重复引用,意思就是说之前你在项目中引用了某个包,现在你又重新引入该包就会导致:transformDexArchiveWithExternalLibsDexMergerForDebug错误。我的解决方法是...原创 2019-12-05 14:53:33 · 594 阅读 · 0 评论 -
Execution failed for task ':react-native-gesture-handler:compileDebugJavaWithJavac'
因为项目除了一些莫名其妙的问题,百般检查之后无果,最后不得已删除了原项目又从github上clone了一份项目将项目clone下来后,在项目目录中运行了npm i命令(下载modules)后执行react-native run-android命令 爆出如下错误原因估计是因为clone之后的项目有些包需要重新安装吧解决方案 依次运行npm i jetifiernpx jet...原创 2019-12-05 11:42:15 · 3674 阅读 · 0 评论 -
Can't perform a React state update on an unmounted component.
这是一个警告,大意就是说不能更新一个已经被卸载的组件的state.报错详情如下:我使用的是redux来管理我组件的state,我们都知道通常到我们的导航器导航到另一个页面的时候,先前的页面会被卸载掉,假若这个时候你的redux返回了先前页面的state,那么就会报这个警告。但是这里面有一种页面是例外,那就是导航器的首页。默认就是第一个页面,我们也可以通过initialRouteNa...原创 2019-10-17 10:15:41 · 2490 阅读 · 1 评论 -
VirtualizedList: You have a large list that is slow to update - make sure your renderItem function r
报错如下:React Native的FlatList 底层是VirtualizedList.这个鸡儿使用ScrollView的onScroll事件来进行渲染效率的统计。主要的指标 dt 和 preDt 指出了您触发这个onScroll事件的频率。当onScroll事件触发的时候,我们存储其相应的时间戳,通过对时间戳的比较来得出结论。dt指代当前。prevDt指代前一个事件触发的时间点...原创 2019-09-19 10:30:04 · 3904 阅读 · 0 评论 -
'PerformanceLogger: Attempting to end a timespan that has already ended ', 'renderApplication_React_
不知道什么时候 debug的时候控制台总是会打印出这么两行提示'PerformanceLogger: Attempting to end a timespan that has already ended ', 'renderApplication_React_render''PerformanceLogger: Attempting to start a timespan that a...原创 2019-08-22 17:22:05 · 894 阅读 · 0 评论 -
ViewPagerAndroid has been extracted from react-native core
这个警告很明显就是说ViewPagerAndroid即将从react-native-core核心包中移除解决这个警告也很简单 安装@react-native-community/viewpager 按照他说的安装并且link我在代码中并没有使用介个ViewPagerAndroid那么很明显肯定是第三方组件引用了介个东西。结合自己的情况我最近使用了 react-native-tab-vi...原创 2019-08-13 11:43:52 · 2826 阅读 · 0 评论 -
Warning: Failed prop type: The prop 'bounces' is marked as required in 'PagerAndroid', but it's valu
今天我使用了MaterialTopNavigator为我的APP添加了一个顶部标签栏,正常添加完后,就报了如上图的警告。消除这个警告的方法是node_modules--> react-native-tab-view---->src--->PropTypes.js文件打开该文件 将其中的删除掉isRequired。改为这样就可以消除警告了。...原创 2019-08-13 08:50:23 · 2203 阅读 · 4 评论 -
Accessing view manager configs directly off UIManager via UIManager['RCTVideo'] is no longer support
警告如下:这是版本更新之后 因为某些方法弃用造成的,想要更正的话 要不更新react -native 的版本,要不屏蔽掉黄色弹框,这两种方法大家网上都可以找到,这里不再赘述而我呢 ,既不想立即升级版本,也不想屏蔽掉所有的黄色弹框,那就只能更改源码了,其实源码中已经对弃用的方法做了修补,并且弹出黄色警告矿提示我们,这里我们不需要更改源码的功能性代码,只需要吧下图中的弹出警告代码删除掉即...原创 2019-08-01 11:51:43 · 906 阅读 · 0 评论 -
Invalid attempt to spread non-iterable instance
这一类错误大概率是你的延展运算符附近除了错误,比如我的就是应为在一个对象前面用了延展运算符我将数组的中括号写成了大括号{},就报了这个错误。...原创 2019-04-26 11:02:20 · 72810 阅读 · 0 评论 -
invariant violation:View config not found for XXX
出现这种错误是因为在React 中,组件的名字必须是大写字母开头,常见错误地方有:或者以上是我在网络上搜集到的错误案例,而我的具体情况则更坑,以下是我的报错信息:具体原因如下:我在HomePage周围添加了单引号,这个是完全错误的,唉。。。也不知道手怎么就这么滴。。。。总之解决了就好,本来以为是个大BUG ,结果折腾了半天还是粗心大意导致。以上。...原创 2019-04-15 17:08:56 · 1444 阅读 · 0 评论 -
TypeError: _reactNative.default.createElement is not a function
原因我是react native的初学者 今天做练习用到了react-native-vector-icons/Ionicons我在应用矢量图标的时候将字符串写错导致了这个错误,例如以后敲代码一定要细心哦。还有一种情况也可能导致这样的错误,那就是我们在导入组件的时候除了问题 如下是我的原代码这是网络上的一些旧版本的写法,在新版本中组件名字不需要用{}包裹了...原创 2019-04-18 17:25:04 · 2274 阅读 · 0 评论 -
tintColor和backgroundColor的区别
backgroundColor我们都知道是背景颜色 (1)如果子视图的背景颜色是default那么默认就是父视图的背景颜色。 (2)背景颜色对于视图上的带有线条的内容是无法改变的;比如字体颜色。 2. tintColor (1)tintColor是描述线条轮廓的一种颜色,该颜色默认具有传递性,默认状态下最底部的视图的...转载 2019-04-23 17:15:30 · 1402 阅读 · 0 评论 -
Invariant Violation:The navigation prop is missing for this navigator,In react-navigation 3 you must
在react navigation3.x中,导航器是不能直接暴露给react组件的,比如我的错误就是 _tabNavigator() { return ( createBottomTabNavigator({ WorkPage: { screen: WorkPage ...原创 2019-04-24 15:16:45 · 1575 阅读 · 1 评论 -
TypeError: props.sections.reduce is not a function
我是在使用SectionList组件的时候报了这个错误 看不太懂,后来经过多反调试才知道这个错误的原因其实原理很简单,下面是React Native官方上的一个使用例子// Example 1 (Homogeneous Rendering)<SectionList renderItem={({ item, index, section }) => <Text ...原创 2019-06-18 17:38:56 · 6964 阅读 · 0 评论 -
windows 打包APK报错signing-config.json拒绝访问
也不知道是咋整地 就报了这个错误,网上各种搜有的说是没有用管理员权限 我用管理员权限运行也没有效果 后来问了群里的大佬,他们说吧build文件删除掉在重新运行就好了 ,我尝试了一下 果然就好了要删除的就是不要删错了哦。...原创 2019-07-10 17:19:53 · 5215 阅读 · 3 评论 -
The Android Gradle plugin supports only Kotlin Gradle plugin version 1.3.0 and higher
我之前用的是百度的native-echarts但是遇到很多无法解决的问题,就听了大家的劝告,转而使用react-native-secharts,不过转头就迎上了一个大坑,幸好解决了,在这里为大家分享一下解决方案。首先我根据大佬的文档进行安装,因为我react-native的版本是0.59.8,所以选择了下面的方法问题就出在这个react-native-webview@2.14.3这...原创 2019-07-24 18:13:46 · 780 阅读 · 0 评论 -
Invariant Violation:Element type is invalid:expected a string(for build-in components)ora class....
报错信息如下:原因;从react-native包中引入组件需要用{}包裹,即原文中应该改为 import {Button} from 'react-native';我们在react-native中导入组件的时候,如果组件创建的方法中使用了except default class XXX这种形式进行导出,那么我们在导入该组件的时候就不需要用{}包裹组件,如果在导出的时候没有...原创 2019-04-16 09:18:04 · 1974 阅读 · 0 评论