搭建React Native开发环境遇到的几个问题

时间:2021-05-09 20:08:44

根据http://blog.csdn.net/itpinpai/article/details/50809068这篇文章初步搭建React Native 开发环境, 遇到几个问题

  • 首先端口可能被占用了, 访问8081时提示无法访问

解决方法: 在运行react-native start时添加参数--port 8899, 或者在package.json中修改"scripts"中参数, 添加端口号, 或者修改项目下的node_modules\react-native\local-cli\server\server.js下的方法_server的default 端口值

  • adb devices找不到连接设备

解决方法: 使用Genymotion时, 首先sdk中的 platform-tools 需要加入环境变量, 然后在Genymotion中,点击Setting,选择ADB选项卡,点击Use custom Android SDK tools,浏览本地SDK的位置,点击OK,就可以了,启动虚拟机后, 在cmd中输入adb devices可以查看.

  • 红屏问题"Could not get BatchedBridge, make sure your bundle is packaged correctly"

解决方法: 主要就只遇到这一个问题, 更改ip和port没有解决了, 后来在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 --sourcemap-output android/app/src/main/assets/index.android.map --assets-dest android/app/src/main/res/",如果没有assets目录,手动添加下,不过运行时没有效果, 在cmd中手动执行下, assets目录中会多出几个文件, 即可解决这个问题

  • 如何使用天天模拟器调试Android程序

解决方法: 在cmd中打命令:adb connect 127.0.0.1:6555 其中6555是天天模拟器的端口. (感觉Genymotion不怎么流畅, 使用天天模拟器后感觉不错)