初次接触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 # 真实设备
复制代码




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值