Window下react-native环境搭建小结

来源:互联网 发布:光纤传输网络建设方案 编辑:程序博客网 时间:2024/05/17 07:14
  1. 首先搭建环境,安装Android Studio

  2. 在Windows下搭建React Native Android开发环境,如果用Android Studio的模拟器应该也能跑起来了,不过要先设置好配置。

  3. 在虚拟器上没问题,在真机上一跑可能就有一些问题了。小米系统就比较烦人,具体的问题都能在这遇到

  4. 不过当时照着那做还遇到些问题,就是 红屏问题”Could not get BatchedBridge, make sure your bundle is packaged correctly”这里写图片描述

网上一搜就有解决方法,就是加这个,需要注意的是文件的位置,放错位置也会获取不到。

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

虽然这个方法能够解决以上那个问题,但是这个在开发中是非常不友好的,也就是说每次有更改都要去执行以上代码才能看到效果,因为这个其实去生成index.android.bundle这个文件,类似那个生产环境打包生产的那个文件(具体不知怎么说…)。所以会报这个错误其实是因为手机监听的那个ip&port有问题,所以才去找index.android.bundle这个文件。我当时是因为手机连的WIFI跟电脑不在同个局域网才造成的。

解决这个问题就能继续开发了。react-native项目非常完善,还有配备了Hot Reloading等诱人姿势。更多姿势点击这里

0 0
原创粉丝点击