React Native 爬坑记录

React Native问题记录

背景：使用React Native来开发一个日报App（现仅有android端），所以下面的记录都是在弄android端遇到的问题与相应的处理

0. 搭建环境

搭建环境的指导可参考 https://reactnative.cn/docs/0.43/getting-started/

1. 找不到index.android bundle

错误信息：unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or you’re running a packager server.

按照教程init项目后，有时会出现这种情况，需要手动操作。（react-native新版本已经没有index.android.js和index.ios.js两个文件了，只有一个index.js文件）

• 解决方法：
  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/
     

  3. 在项目根目录，重新跑项目

     react-native run-android
     

2. dev连不到NodeJS服务器

错误信息：dev server returned error code 403 react native.

• 解决方法：
  1. 给dev server设置新port(这里我用的是9090)
     - 运行react-native run-android --port=9090
     - 或者在项目\node_modules\react-native\local-cli\server\server.js设置port为9090，运行 react-native run-android
  2. 运行adb -s emulator-5554 reverse tcp:9090 tcp:9090
     - 5554是emulator port（运行adb devices可查看）
     - 9090是s