React Native 开发中常见问题

报500错误

这里写图片描述
在运行ReactNative项目的时候,手机上经常会出现这种错误,解决办法:
在当前项目的路径下分别运行以下命令:

npm uninstall babel-preset-react-native

npm install babel-preset-react-native@2.1.0 —save

如果你是用的yarn的话,需要将npm修改为yarn:

yarn remove babel-preset-react-native

yarn add babel-preset-react-native@2.1.0

或者直接将根目录下的package.json文件里面的babel-preset-react-native的版本修改为2.1.0, 最好将react-native的版本降到0.55.4,不要使用最新版本
然后执行npm update
这里写图片描述

如果仍然没有解决可能的原因是没有找到assets下文件,需要手动创建并设置
1.首先手动在main下建立一个assets文件夹
2.然后cmd 进入项目的根目录下执行:

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

这里写图片描述
在文件夹中出现这两个文件的时候,在此重新运行;
这里写图片描述

出现这个界面说明运行成功

**总结:**1.版本是否兼容问题
2.缺少对应的assets文件,及文件夹下的bundle文件

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值