react-native android 问题总结

1、真机调试 安卓手机打不开的问题

   首先切到我们工程的根目录下，然后在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

最后： 重新运行 ，（每次重新运行时 记得杀应用 杀缓存）

2、安卓手机 echarts 图显示不出来，显示出来一堆代码 解决问题 ，详情可看原文链接

https://blog.csdn.net/weixin_44187730/article/details/86489233 

#拷贝tpl.html
复制node_modules\native-echarts\src\components\Echarts\tpl.html文件、到android/app/src/main/assets文件夹下。

#修改native-echarts入口文件
修改node_modules/native-echarts/src/components/Echarts/index.js文件

#修改内容
const iosPlatform = Platform.OS === 'ios' ? 'true' : 'false';
source={iosPlatform === 'true' ? require('./tpl.html') : {uri: 'file:///android_asset/tpl.html'}}

3. 安卓真机上 静态图片 有的显示不出来

• 找到项目 android目录下 gradle.properties文件 打开加入如下代码：
• android.enableAapt2=false
• 这段代码非常重要 官网缺少 。不然打包apk图片不出现。
• 加上之后 项目中的图片就可以 自定义添加路径了
• 再者 ， 如果有的还没有出现的话
• 去../android/app/src/main/assets文件夹中把包文件删除，然后重新运行run android 打包即可加载出最新的图片资源了，

4、RNCWebView was not found in the UIManager

Invariant Violation: requireNativeComponent: "RNCWKWebView" was not found in the UIManager

出现这个问题之后 ，安卓上 执行命令 

react-native link react-native link react-native-webview

多执行两边就可以了

5、真机调试 报错

  问题描述：

   手机摇一摇，点击reload  出现一片红，大概为 could not connect to development server .... 意思就算连不上解决问题，

 解决办法：

   手机摇一摇 点击dev settings , 点击 debug server host & port foe device ,输入自己电脑IP和端口号,保存之后返回

  重新摇一摇 reload 发现还报错，

自己去浏览器 输入IP 打开网址，发现 并未打开，然后在电脑上ping 手机己的IP，此时检查，是否在同一局域网，是否关闭防火墙，当电脑IP 能ping 通自己手机IP 时，此时已经可以了，解决问题，

另附上解决问题的其他方法：React—Native开发之 Could not connect to development server（Android）解决方法_温柔狠角色的博客-CSDN博客_react-nnative could，

6、安卓打包 报错 Execution failed for task ':app:mergeReleaseResources'.

rm -rf android/app/src/main/res/drawable-*

删掉 android/app/src/main/res/drawable 目录下所有drawable 文件 ，即可打包成功

7.Execution failed for task ':app:compileReleaseJavaWithJavac'.  打包或 run-android 报错

 这个问题真的是引人而异，每个人引起报错的方法都不一样，可能就是一个小点，我是因为在 android/app/src/main/java//com ... 下面写了一个文件，没有删除 ，删掉就好了，

另附上一位大神解决报错的全部过程 Android studio报错：app:mergeDebugResources FAILED（记一次痛苦不堪的debug）_T_world的博客-CSDN博客， 我也是受启发，去思考自己的项目，然后才找到问题所在，

排错命令：

gradlew compileDebug --stacktrace
gradlew compileDebug --stacktrace -info
radlew compileDebug --stacktrace -debug
gradlew compileDebugSources --stacktrace -info

   

   报 什么什么符号找不到，可能是 implementation 未能分发出去，可换成compile 或 api

8、MACBOOK(OSX)最升到11.0.1后android 打包报错 Could not find tools.jar. Please check that /Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home contains a valid JDK installation.

执行： 

sudo cp /Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home/lib/tools.jar /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin/Contents/Home/lib

 可解决此问题 参考文档 https://www.cnblogs.com/johnjackson/p/14040958.html

9 android 包闪退 

报错内容RCTView generated view config for bubblingEventTypes does not match native, missing: topPointerOver topPointerLeave topPointerMove topPointerEnter topPointerUp topPointerDown topPointerOut topPointerCancel

执行

watchman watch-del-all && react-native start --reset-cache

10  task  :react-native-webview:compileDebugKotlin  这个错

在android build.grade加上这几个代码真的有用，也不报错了

def REACT_NATIVE_VERSION = new File(['node', '--print',"JSON.parse(require('fs').readFileSync(require.resolve('react-native/package.json'), 'utf-8')).version"].execute(null, rootDir).text.trim())



allprojects {
    configurations.all {
        resolutionStrategy {
            force "com.facebook.react:react-native:" + REACT_NATIVE_VERSION
        }
    }
}