react-native 创建新项目红屏解决方法

Setting up new React Native app in /Users/PPPPP_leung/test
Installing React...
Installing Jest...
warning jest > jest-cli > node-notifier > cli-usage > marked-terminal > lodash.assign@4.2.0: This package is deprecated. Use Object.assign.
warning jest > jest-cli > istanbul-api > fileset > minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
To run your app on iOS:
   cd /Users/PPPPP_leung/test
   react-native run-ios
   - or -
   Open /Users/PPPPP_leung/test/ios/test.xcodeproj in Xcode
   Hit the Run button
To run your app on Android:
   Have an Android emulator running (quickest way to get started), or a device connected
   cd /Users/PPPPP_leung/test
   react-native run-android

在项目package.json的”scripts”里面加一句：

"bundle-android": "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/"

然后在模拟器完全退出应用，再重新打开，连接成功

其他问题：

无法生成index.android.bundle的解决方案二

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/

如果在终端执行上述代码提示没有index.android.bundle这个目录或者文件夹，就在assets创建一个叫index.android.bundle的文件

8081端口占用解决方案：

lsof -n -i4TCP:8081
kill -9 PID

Genymotion模拟器无法连接服务

先检查有没有连接Wi-Fi，没有连接Wi-Fi也是影响原因之一。

修改访问端口

cd AwesomeProject
react-native run-android # it loads in genymotion and fails with bundle error
react-native start > /dev/null 2>&1 & # from dsissitka
adb reverse tcp:8081 tcp:8081 # from dsissitka

创建其他版本的reac-native

react-native init 项目名 --version 0.38.0