记录第一次新建RN项目遇到的bug

(1) react-native启动时红屏报错：

image.png

解决方案：
1、 项目中在android/app/src/main/创建文件夹 assets

2、项目中执行命令：

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res 

(2) RN Exception: error Invalid regular expression: /(.\fixtures\.|node_modules[\]react[ \...

解决方案：
修改node_modules\metro-config\src\defaults\blacklist.js文件

image.png

（3）React native 报错：index.android.js` was not found

解决方案：
是react native更新的一些变动。原来工程中会创建：index.ios.js 和index.android.js，现在只会创建index.js。一个简单的规避方法，就是copy 一份index.js 文件命名为index.android.js即可。

最后终于运行成功了，RN第一次新建项目就遇到这么多问题（哭）

image.png

遇到问题
android ReactNative之Cannot find entry file index.android.js in any of the roots
解决方案：
通过执行
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/
命令会在assets目录下生成两个文件

image.png

react-native 清除缓存
解决方案：
在项目文件夹中有一个package.json 文件，里面记录了该项目所有安装的依赖环境，若项目文件出现依赖环境报错的情况，则可以删除依赖node_module文件夹，在重新npm install 一次 ， 重新安装依赖。
对于项目出现出现.../.../debug/.../../文件夹报错，可能是缓存导致的问题，进入android文件夹下，输入命令 gradlew clean 命令清除缓存，也可使用android studio 中的菜单按钮的build下的clean project清除环境，在使用rebuild project 重新跑一次项目