react-native入坑随笔(持续更新中)

开发问题

一.问题:

  react-native入坑随笔(持续更新中)_第1张图片

解决方案:删除./node_modules/react-native/local-cli/core/__fixtures__/files/package.json,删除前记得备份。

 

二.在android 7(不确定是不是所有的7点多版本)的环境下运行会出现以下问题:

  React Native unable to load script from assets index.android.bundle on windows

解决方案:

  1.在项目中创建android/app/src/main/assets文件夹;

  2.在根目录下执行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(注意:新版本的react-native已经不区分index.android.js和index.ios.js);

  3.重新运行项目即可。

 

三.用chrome进行远程调试JS时会出现一下报错:

  react-native入坑随笔(持续更新中)_第2张图片

 

解决方法:

  1.打开react-native入坑随笔(持续更新中)_第3张图片

  2.修改react-native入坑随笔(持续更新中)_第4张图片react-native入坑随笔(持续更新中)_第5张图片或者你当前的ip;

  3.关闭app重新打开启动远程调试即可愉快的开始调试。

 

四.关于this的绑定:如果使用的是ES6语法,由于箭头函数等特性可能会找不到this,因此在自定义方法中需要调用其它方法时需要绑定this

  react-native入坑随笔(持续更新中)_第6张图片

 

五.使用react-native-vector-icons插件后报错如下:

  react-native入坑随笔(持续更新中)_第7张图片

解决方法:删除掉node_modules/react-native/local-cli/core/__fixtures__/files/package.json

 

六.运行过程中报错:

  

解决方法:不能删除build文件,进入项目文件夹下手动删除android\app\build文件夹内的所有文件后再次运行

打包调试问题

一.andriod打包APK时会出现以下错误:

  

解决方法:该问题的意思是当前打包的签名与之前的版本不匹配,因此我们需要删除掉设备上之前的签名,再重新打包,具体操作如下:

  1.删除之前的包:adb uninstall ,我这里是adb uninstall com.myapp;

  2.重新打包:gradlew installRelease。

 

二.  真机调试时会出现以下错误:

  react-native入坑随笔(持续更新中)_第8张图片

简直是简单粗暴的报错……

解决方法:试了N多种方法以后终于找到一个一个大佬的提议并且顺利的解决了问题:

  react-native入坑随笔(持续更新中)_第9张图片

 

 

 

 

 

  

转载于:https://www.cnblogs.com/funny-li/p/8507522.html

你可能感兴趣的:(react-native入坑随笔(持续更新中))