React Native 错误集合

最新推荐文章于 2023-03-30 10:21:18 发布
最新推荐文章于 2023-03-30 10:21:18 发布
阅读量1.4k 收藏 1
点赞数
文章标签： 移动开发 java git
原文链接：https://juejin.im/post/5b4d47e96fb9a04f844abde0
版权

本文章专门用于记录在React Native 开发中所遇到的问题，以便于以后查阅。

  1. java.lang.RuntimeException: java.lang.RuntimeException: com.android.builder.dexing.DexArchiveMergerException: Unable to merge dex

    解决方案：react-native项目名/android/app/build.gradle中找到defaultConfig闭包， 在里面添加multiDexEnabled true 代码。然后在dependencies中新增依赖implementation 'com.android.support:multidex:1.0.1'。然后命令行切换到react-native项目名/android目录下面，运行命令./gradlew clean，清理项目。再运行react-native run-android即可

  2. Error:java.util.concurrent.ExecutionException: com.android.tools.aapt2.Aapt2Exception: AAPT error: check logs for details 错误

    解决方案：react-native项目名/android/gradle.properties 中，新增 android.enableAapt2=false 。然后命令行切换到react-native项目名/android目录下面，运行命令./gradlew clean，清理项目。再运行react-native run-android即可

  3. 在React Native 0.56 版本初始化项目运行react-native run-android

    problem occurred configuring project ':app'.
> Could not resolve all dependencies for configuration ':app:_debugApkCopy'.
   > Could not resolve com.android.support:appcompat-v7:26.1.0.
     Required by:
         project :app
         project :app > com.facebook.react:react-native:0.56.0
      > Could not resolve com.android.support:appcompat-v7:26.1.0.
         > Could not get resource 'https://maven.google.com/com/android/support/appcompat-v7/26.1.0/appcompat-v7-26.1.0.pom'.
            > Could not HEAD 'https://maven.google.com/com/android/support/appcompat-v7/26.1.0/appcompat-v7-26.1.0.pom'.
               > Remote host closed connection during handshake
复制代码

    解决方案：在 react-native 项目名/android/build.gradle中修改maven 的远程地址，默认用的是google 的，在中国被墙了，一般是下载不出来的。这里建议换成阿里的镜像服务器地址。然后再次运行就可以了。修改如下:

    buildscript {
    repositories {
        jcenter()
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' } //在此处添加阿里maven镜像服务器
    }
    ...
}
allprojects {
    repositories {
        mavenLocal()
        jcenter()
        maven {
            url "$rootDir/../node_modules/react-native/android"
        }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' } //在此处添加阿里maven镜像服务器
    }
}
...

复制代码

  4. 在React Native 中,使用react-navigation的tab 导航+FlatList 组件很卡，导致其他tab点击出现卡死的情况。

    解决方案： 优化FlatList的onEndReachedThreshold属性，设置为onEndReachedThreshold=0.1，如果是异步加载数据的话可以把分页的数据长度设置小点，我的项目里面设置的是5。即每次FlatList滑动到底部的时候，再去请求后台数据，请求的数据长度为5条记录

  5. 在android中，项目里面使用了code-push，需要打个一个测试包出来进行测试，也就是code-push 里面的staging,按照code-push的文档在android/app/build.gradle里面进行配置

    buildTypes {
        debug {
            buildConfigField "String", "CODEPUSH_KEY", '""'
        }
        release {
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
            signingConfig signingConfigs.release
             buildConfigField "String", "CODEPUSH_KEY", '"CODE-PUSH-KEY"'
        }
        releaseStaging {
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
            signingConfig signingConfigs.release
             buildConfigField "String", "CODEPUSH_KEY", '"WaU6FbgL8FnipCODE-PUSH-KEY"'
        }
    }
复制代码

    然后运行gradlew assembleReleaseStaging报错。错误如下

    FAILURE: Build failed with an exception.

* What went wrong:
Could not determine the dependencies of task ':app:lintVitalReleaseStaging'.
> Could not resolve all task dependencies for configuration ':app:releaseStagingRuntimeClasspath'.
   > Could not resolve project :react-native-picker.
     Required by:
         project :app
      > Unable to find a matching configuration of project :react-native-picker:
          - Configuration 'debugApiElements':
              - Required com.android.build.api.attributes.BuildTypeAttr 'releaseStaging' and found incompatible value 'debug'.
              - Required com.android.build.gradle.internal.dependency.AndroidTypeAttr 'Aar' and found compatible value 'Aar'.
              - Found com.android.build.gradle.internal.dependency.VariantAttr 'debug' but wasn't required.
              - Required org.gradle.api.attributes.Usage 'java-runtime' and found incompatible value 'java-api'.
          - Configuration 'debugRuntimeElements':
              - Required com.android.build.api.attributes.BuildTypeAttr 'releaseStaging' and found incompatible value 'debug'.
              - Required com.android.build.gradle.internal.dependency.AndroidTypeAttr 'Aar' and found compatible value 'Aar'.
              - Found com.android.build.gradle.internal.dependency.VariantAttr 'debug' but wasn't required.
              - Required org.gradle.api.attributes.Usage 'java-runtime' and found compatible value 'java-runtime'.
          - Configuration 'releaseApiElements':
              - Required com.android.build.api.attributes.BuildTypeAttr 'releaseStaging' and found incompatible value 'release'.
              - Required com.android.build.gradle.internal.dependency.AndroidTypeAttr 'Aar' and found compatible value 'Aar'.
              - Found com.android.build.gradle.internal.dependency.VariantAttr 'release' but wasn't required.
              - Required org.gradle.api.attributes.Usage 'java-runtime' and found incompatible value 'java-api'.
          - Configuration 'releaseRuntimeElements':
              - Required com.android.build.api.attributes.BuildTypeAttr 'releaseStaging' and found incompatible value 'release'.
              - Required com.android.build.gradle.internal.dependency.AndroidTypeAttr 'Aar' and found compatible value 'Aar'.
              - Found com.android.build.gradle.internal.dependency.VariantAttr 'release' but wasn't required.
              - Required org.gradle.api.attributes.Usage 'java-runtime' and found compatible value 'java-runtime'.
复制代码

    解决方案：修改android/app/build.gradle里配置为如下：

        buildTypes {
            debug {
                buildConfigField "String", "CODEPUSH_KEY", '""'
            }
            release {
                minifyEnabled enableProguardInReleaseBuilds
                proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
                signingConfig signingConfigs.release
                 buildConfigField "String", "CODEPUSH_KEY", '"CODE-PUSH-KEY"'
            }
            releaseStaging {
                minifyEnabled enableProguardInReleaseBuilds
                proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
                signingConfig signingConfigs.release
                 buildConfigField "String", "CODEPUSH_KEY", '"WaU6FbgL8FnipCODE-PUSH-KEY"'
                 //指定匹配失败匹配其他变体
                matchingFallbacks = ['debug', 'qa', 'release'] // 添加这段代码
            }
        }
复制代码

    然后运行gradlew assembleReleaseStaging 即可打包成功

  6. 在android中使用gif 图片，按照中文网里面说明，在android/app/build.gradle中加入了一下代码，

        dependencies {
      // 如果你需要支持Android4.0(API level 14)之前的版本
      compile 'com.facebook.fresco:animated-base-support:1.9.0'
    
      // 如果你需要支持GIF动图
      compile 'com.facebook.fresco:animated-gif:1.9.0'
    
      // 如果你需要支持WebP格式，包括WebP动图
      compile 'com.facebook.fresco:animated-webp:1.9.0'
      compile 'com.facebook.fresco:webpsupport:1.9.0'
    
      // 如果只需要支持WebP格式而不需要动图
      compile 'com.facebook.fresco:webpsupport:1.9.0'
    }
复制代码

    重新生成debug.apk闪退问题。

    解决方案：这个问题是当前RN 的内置依赖有问题，cmd 进入android目录下,运行一下命令gradlew -q app:dependencies查看当前RN 的com.facebook.fresco:fresco:1.3.0依赖版本是多少，我这儿是1.3.0。

            +--- com.android.support:appcompat-v7:23.0.1
        |    \--- com.android.support:support-v4:23.0.1
        |         \--- com.android.support:support-annotations:23.0.1
        \--- com.facebook.react:react-native:+ -> 0.53.3
             +--- javax.inject:javax.inject:1
             +--- com.android.support:appcompat-v7:23.0.1 (*)
             +--- com.facebook.fbui.textlayoutbuilder:textlayoutbuilder:1.0.0
             |    \--- com.facebook.fbui.textlayoutbuilder:staticlayout-proxy:1.0
             +--- com.facebook.fresco:fresco:1.3.0 // 这儿是你的 fresco依赖版本
             |    +--- com.facebook.fresco:drawee:1.3.0
             |    |    \--- com.facebook.fresco:fbcore:1.3.0
             |    +--- com.facebook.fresco:fbcore:1.3.0
             |    \--- com.facebook.fresco:imagepipeline:1.3.0
             |         +--- com.parse.bolts:bolts-tasks:1.4.0
             |         +--- com.facebook.fresco:fbcore:1.3.0
             |         \--- com.facebook.fresco:imagepipeline-base:1.3.0
             |              +--- com.parse.bolts:bolts-tasks:1.4.0
             |              \--- com.facebook.fresco:fbcore:1.3.0
             +--- com.facebook.fresco:imagepipeline-okhttp3:1.3.0
             |    +--- com.squareup.okhttp3:okhttp:3.6.0
             |    |    \--- com.squareup.okio:okio:1.11.0 -> 1.13.0
             |    +--- com.facebook.fresco:fbcore:1.3.0
             |    \--- com.facebook.fresco:imagepipeline:1.3.0 (*)
             +--- com.facebook.soloader:soloader:0.1.0
             +--- com.google.code.findbugs:jsr305:3.0.0
             +--- com.squareup.okhttp3:okhttp:3.6.0 (*)
             +--- com.squareup.okhttp3:okhttp-urlconnection:3.6.0
             |    \--- com.squareup.okhttp3:okhttp:3.6.0 (*)
             +--- com.squareup.okio:okio:1.13.0
             \--- org.webkit:android-jsc:r174650
        
复制代码

    然后将上面的依赖对应修改,修改完成之后如下:

        dependencies {
      // 如果你需要支持Android4.0(API level 14)之前的版本
      compile 'com.facebook.fresco:animated-base-support:1.3.0' // 修改版本1.9.0 为1.3.0
    
      // 如果你需要支持GIF动图
      compile 'com.facebook.fresco:animated-gif:1.3.0'// 修改版本1.9.0 为1.3.0
    
      // 如果你需要支持WebP格式，包括WebP动图
      compile 'com.facebook.fresco:animated-webp:1.3.0'// 修改版本1.9.0 为1.3.0
      compile 'com.facebook.fresco:webpsupport:1.3.0'// 修改版本1.9.0 为1.3.0
    
      // 如果只需要支持WebP格式而不需要动图
      compile 'com.facebook.fresco:webpsupport:1.3.0'// 修改版本1.9.0 为1.3.0
    }
复制代码

    重新运行即可，就不会出现闪退了

  7. 在React Native中使用mobx 报错,错误如下

    Can't find variable: Symbol 
复制代码

    解决方案：出现这个问题一般来说是mobx的版本太高了，降低一些mobx的版本即可。 在package.json中使用如下的版本即可

    {
    dependencies:{
        ...
         "mobx": "^4.3.0",
         "mobx-react": "^5.2.5",
        ...
    }
}
复制代码

  8. 在React Native中 'config.h' file not found

    'config.h' file not found
复制代码

    解决方案：

    cd node_modules/react-native/third-party/glog-0.3.4
 ../../scripts/ios-configure-glog.sh
复制代码

  9. 在React Native中 运行 react-native run-android 报如下错误

    Could not create service of type GeneralCompileCaches using GradleScopeCompileServices.createGeneralCompileCaches().
复制代码

    解决方案：

     cd android 
 ./gradlew compileDebugJavaWithJavac --stacktrace
复制代码

  10. 在React Native中真机调试模式下报跨域错误的问题！

    解决方案：

    open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/zhangxueyan/data
复制代码

  11. 在React Native中react-native-code-push和react-native-amap3d 函数名称冲突问题.

    duplicate symbol _aes_encrypt_key128 in:
    /Users/berry/Documents/webstrom/BerryApp/ios/Pods/AMap3DMap/MAMapKit.framework/MAMapKit(MAMapKit-x86_64-master.o)
    /Users/berry/Library/Developer/Xcode/DerivedData/BerryAPP-arhfppjvlmwpaofkjfpfcpotishq/Build/Products/Debug-iphonesimulator/SSZipArchive/libSSZipArchive.a(aeskey.o)
duplicate symbol _aes_decrypt_key128 in:
    /Users/berry/Documents/webstrom/BerryApp/ios/Pods/AMap3DMap/MAMapKit.framework/MAMapKit(MAMapKit-x86_64-master.o)
    /Users/berry/Library/Developer/Xcode/DerivedData/BerryAPP-arhfppjvlmwpaofkjfpfcpotishq/Build/Products/Debug-iphonesimulator/SSZipArchive/libSSZipArchive.a(aeskey.o)
ld: 2 duplicate symbols for architecture x86_64
clang: error: linker command failed with exit code 1 (use -v to see invocation)
复制代码

    解决方案： 找到../node_modules/react-native-code-push/ios，在里面进行搜索aes_encrypt_key128和aes_decrypt_key128这两个关键字。将其替换成为自己定义的函数名称，这儿我定义的为cp_aes_encrypt_key128和cp_aes_decrypt_key128这个。如果用了这种方式来解决上面的重复定义，就不能通过pod来安装react-native-code-push了。应该使用手动的方式来安装react-native-code-push。我把我改的react-native-code-push放到了GitHub上面了。可以直接通过yarn add git+https://github.com/25juan/react-native-code-push.git来安装修改之后的版本 详情参见

  12. react native打正式包报错如下：

    Execution failed for task ':jmrtc-react-native:verifyReleaseResources'.
    > java.util.concurrent.ExecutionException: com.android.builder.internal.aapt.v2.Aapt2Exception: Android resource linking failed
      error: resource android:style/TextAppearance.Material.Widget.Button.Borderless.Colored not found.
      error: resource android:style/TextAppearance.Material.Widget.Button.Colored not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values-v26\values-v26.xml:7: error: resource android:attr/colorError not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values-v26\values-v26.xml:11: error: resource android:attr/colorError not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values-v26\values-v26.xml:15: error: style attribute 'android:attr/keyboardNavigationCluster' not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values-v28\values-v28.xml:7: error: resource android:attr/dialogCornerRadius not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values-v28\values-v28.xml:11: error: resource android:attr/dialogCornerRadius not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values\values.xml:3036: error: resource android:attr/fontStyle not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values\values.xml:3037: error: resource android:attr/font not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values\values.xml:3038: error: resource android:attr/fontWeight not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values\values.xml:3039: error: resource android:attr/fontVariationSettings not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values\values.xml:3040: error: resource android:attr/ttcIndex not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values\values.xml:3121: error: resource android:attr/startX not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values\values.xml:3124: error: resource android:attr/startY not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values\values.xml:3127: error: resource android:attr/endX not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values\values.xml:3130: error: resource android:attr/endY not found.
      F:\react-native\JRCT\node_modules\jmrtc-react-native\android\build\intermediates\res\merged\release\values\values.xml:3138: error: resource android:attr/offset not found.
复制代码

    解决方案：修改目标依赖的 build.gradle compileSdkVersion、buildToolsVersion、minSdkVersion、targetSdkVersion 版本同项目一致即可解决

转载于:https://juejin.im/post/5b4d47e96fb9a04f844abde0

weixin_33922672
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React Native常见报错
三少GG
07-10 1万+
一。 Failed run android simulator : No connected devices!  https://github.com/facebook/react-native/issues/3091 When you have the platform, and the device, you can then boot the device w
React Native错误汇总(持续更新)
于连林520wcf的专栏
08-15 1938
错误1 Element type is invalid…:错误描述: Element type is invalid: expected a String(for built-in components) or a class/function(for composite components) but got:object. check the render method of ‘….’ 这个
react native打包是报错：com.android.builder.internal.aapt.AaptException: libpng error: Not a PNG file
koufulong的博客
08-07 299
在终端的报错信息： > Task :app:mergeReleaseResources Error: java.util.concurrent.ExecutionException: com.android.builder.internal.aapt.AaptException: libpng error: Not a PNG file FAILURE: Build failed wi...
react-native run-adnroid报错
ifredom
11-16 544
react native运行打包报错及解决办法Could not resolve all dependencies for configuration ‘:classpath’报错原因： 构建时，react native 会检查是否有gradle-3.0.0。首先会在本地查找，如果没有，接着会在https://jcenter.bintray.com这个网址中去查找，有则下载。此处报错，是因为jcen
react-native报错问题与解决方法
最新发布
iamyang0511的博客
03-30 2237
react-native报错与解决
RN软件版本更新，安装react-native-code-push后运行报错
11-26 2472
关于版本更新步骤参考 https://cloud.tencent.com/developer/article/1191478 一、参考 React Native 0.60及以上版本插件安装与配置（安卓）https://github.com/microsoft/react-native-code-push/blob/master/docs/setup-android.md 二、我的环境及安装版本 node-v14.17.6 “react-native”: “0.65.1”, “react-native-cod
react-native-curated：React‍:male_sign:精选了React Native的软件包，教程和更多内容的集合
02-04
`react-native-curated`项目则是针对React Native的一个精选资源集合，它为开发者提供了丰富的软件包、教程和其他有用的资源，帮助他们更好地掌握和应用React Native。 该项目主要包含了以下几个方面的重要知识点：...
react native手势流程介绍（基于最新的 react native版本）
qq_17726117的博客
09-24 884
手势事件处理流程，其识别在native端只找到对应需要响应的view和提供手势事件的类型坐标以及用于多指识别的一些信息，而真正的识别过程都是在JavaScript端根据需求使用实现： 一．native端手势事件处理分发： 1.在创建ReactRootView的时候，内部会创建一个对应JSTouchDispatcher实例，JSTouchDispatcher是事件分发的管理类，用来把事件处理传递给JS的方法处理，也就是当UI界面产生事件，就会执行JS的代码处理（@Nullable为可以传入NULL）。 pri
react_native_project：Crud App作为React Native项目
02-15
- 使用`try...catch`进行错误处理，利用React Native的开发者工具进行调试。 10. **打包与发布**： - 完成开发后，使用Expo或React Native CLI工具进行打包，生成iOS和Android应用进行发布。 以上知识点涵盖了...
React Native 点击事件采集方案 | 数据采集
weixin_42496221的博客
08-12 818
一、前言 React Native 是由 Facebook 推出的移动应用开发框架，可以用来开发 iOS、Android、Web 等跨平台应用程序，官网为： https://facebook.github.io/react-native/。 React Native 和传统的 Hybrid 应用最大的区别就是它抛开了 WebView 控件。React Native 产出的并不是 “网页应用”、“HTML5 应用” 或者 “混合应用”，而是一个真正的移动应用，从使用感受上和用 Objective-C..
react-native报错锦集
cainiao1412的博客
05-29 2392
下面是一些rn问题的分类： 1.rn的版本问题，如0.55.6版本就是这样的，安装的时候就会报错， 2.link组件的问题，有些时候会发生自动link不全或者路径错误的情况， 3.安卓版本问题，组件的版本和rn项目版本统一 4.其他问题， 其实我建议还是学一下android原生，包括gradle，不然后面涉及太多原生问题很难解决。 1.rn版本问题 rn版本更新的很快，有些版本说实话根本用不了，比如0.55.6，都启动不了， 我推荐几个我用过的版本，** 0.55.4 ， 0.57.0**
react native 项目中https://maven.google.com 连接不上的解决办法
weixin_42998230的博客
12-17 2390
react native运行报错Could not resolve com.google.android.gms:play-services-iid:[16.0.1] google 自家的 maven 仓库 https://maven.google.com，由于局域网原因连接不上。 1. 配置 Gradle Proxy，在 gradle.properties 中添加代理 systemProp.http.proxyHost=127.0.0.1 systemProp.http.proxyPort=1080 s
Error:java.util.concurrent.ExecutionException: com.android.builder.internal.aapt.AaptException解决方案
热门推荐
System.o的博客
05-15 1万+
问题：Error:java.util.concurrent.ExecutionException: com.android.builder.internal.aapt.AaptException: 这个问题一般会在打包的时候遇到，查阅了网上很多资料都是说因为项目路径过长原因导致，但是其实很多时候并不是的，其主要原因是builde.gradle会在你打包的时候去检查你的res资源，一旦出现不规范就...
react-native 模拟器运行 react-native-amap3d 高德地图闪退
iorn_mangg的博客
08-21 565
原因 模拟器硬件不支持地图，只有真机可以使用
在React Native中使用 高德地图组件react-native-amap3d
IT_luntan的专栏
01-05 1万+
本文主要介绍高德react-native-amap3d组件的使用。 react-native 高德地图组件，使用最新 3D SDK，支持 Android + iOS，受 react-native-maps 启发，提供功能丰富且易用的接口。 主要功能： 地图模式切换（常规、卫星、导航、夜间） 3D 建筑、路况、室内地图 内置地图控件的显示隐藏（指南针、比例尺、定位按钮、缩放按钮） 手势交互
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值