Windows下配置React-native环境问题总结

3.6 前边初始化了一个Rn项目,然后就可以在手机上边运行了,运行的步骤:

1.进入项目的根目录,右击打开命令行,输入react-native run-android,等待项目编译运行

等待片刻,项目如果运行成功会出现如下界面

3.6 此时RN的APP已经安装完毕,但有以下需要注意:
3.6.1 此时app和node.js服务端的交互是通过数据线传递的数据,如果拔掉数据线,摇晃手机打开RN开发者菜单,点击reload,可能会出现红屏,提示:could not connect to development server.

3.6.2 解决方法为:首先保证手机和电脑处于同一wifi下,然后摇出RN开发者工具菜单依次打开Dev Setting–>Debugging–>然后输入电脑在该网段分配的IP地址,并设置端口号为8081(node.js服务的默认端口号)格式如下:192.168.3.3:8081,然后重新reload此时即可重新请求到数据

上边步骤操作完成,就可以在app.js(这里需要注意在0.49版本之前app.js是拆分为index.android.js和index.ios.js的,android和ios开发可以分别在对应的文件里边写代码)里边写Rn代码了

运行项目中可能遇到的问题:

  总结:初始化运行红屏错误 unable to load script from asset/index.android.bundle
  原因:assets中没有成功打包出index.android.bundle文件
解决: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(运行之前一定要去刚刚新建的assets文件夹下查看生成了index.android.bundle文件)
  注:由于0.49版本以后的react-native没有index.android.js和index.ios.js文件,而统一合并成了index.js,所以 使用0.49及以后版本的开发者请将第2步中的入口文件改为index.js
问题二:




猜你喜欢

转载自blog.csdn.net/ming655243/article/details/79959617