问题一：

在通过官方的一系列流程安装完毕之后

  1. react-native init FirstApp
  2. cd FirstApp

项目目录下只有以下两个文件:
react-native 初始化的坑 - 图1
这个是什么原因呢？
因为近期rn更新，某些东西不适配，然后暂时能找到的方法就是指定较低版本的rn。

解决方案:

  1. react-native init FirstApp --verbose --version 0.53.0

运行完之后的项目目录
react-native 初始化的坑 - 图2

问题二：

在新建项目完毕之后：
运行：

  1. react-native run-ios

出现：react-native 初始化的坑 - 图3

查找资料后发现原来是升级后watchman不可用了，需要重装watchman。
解决方案:

  1. brew link autoconf automake
  2. brew install watchman

然后在运行：

  1. react-native run-ios

成功：
react-native 初始化的坑 - 图4

问题三：

运行：

  1. react-native run-android

❌出现以下错误： Could not get BatchedBridge, make sure your bundle is packaged correctly

解决方案:执行以下命令

  1. 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/

如果报错在android/app/src/main/目录新建文件夹叫 assets ，在执行一遍上面的代码,
然后在启动 react-native run-android 就可以啦
成功(真机测试):

react-native 初始化的坑 - 图5

问题四：

运行react-native run-android 出现 ❌Could not install the app on the device, read the error above for details. Make sure you have an Android emulator running or a device connected and have set up your Android development environment. Go to https://facebook.github.io/react-native/docs/getting-started.html and check the Android tab for setup instructions.

解决方案：
在android 文件夹下 build.gradle中

  1. repositories {
  2.         jcenter()
  3.     }
  4.     dependencies {
  5.         classpath 'com.android.tools.build:gradle:1.2.3'//修改过后
  7.         // NOTE: Do not place your application dependencies here; they belong
  8.         // in the individual module build.gradle files
  9.     }

在android/app 文件夹下 build.gradle中

  1. compileSdkVersion 23
  2. buildToolsVersion "23.0.1"//修改过后

然后再运行就没有问题啦

简书地址： https://www.jianshu.com/p/3a09ad4e28f2
更新日期： 2018.09.06 15:25