阅读 360

初次接触React Native遇到的问题

       具体的搭建环境过程就不细说了,官方文档说的很详细,按照文档一步步操作就可以,需要注意下Android Studio安装和下载所需的SDK需要占用很大空间大约20G,注意磁盘空间是否充足。

React Native 搭建开发环境官方文档:reactnative.cn/docs/0.51/g…

 环境搭建成功后按照官方文档 输入以下命令: 

react-native init AwesomeProject //创建一个名字为AwesomeProject 

cd AwesomeProject // 进入AwesomeProject目录 

react-native run-android // 在安卓设备上安装应用 

 此时会遇到问题:Cannot find entry file index.android.js in any of the roots 

解决方法: 

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/ 

之后在assets 下会创建两个文件index.android.bundle 、 index.android.bundle.meta 

重新react-native run-android 会报错: could not connect to development server. Try the follwing to fix the issue:* 

解决方法: 

1. 摇晃设备弹出开发者菜单, 选在Dev Setting 输入计算机的内网IP 和服务的端口号 如:192.168.1.3:8081

2. 在使用yarn start 运行项目 

3. 在设备上打开开发者菜单 点击Reload 此时修改app.js 在设备上会加载改变的内容。 

确保你的设备已经成功连接。可以输入adb devices来查看: 

$ adb devices 
List of devices attached 
emulator-5554 offline # Google模拟器14ed2fcc device # 真实设备
复制代码